\n 
\n
\n Sales Admin
\n\n
\n KooBits Learning
\nBring the best of education to your region
\n- \n {navs.map((nav, index) => {\n return (\n
\n \n \n Edit\n \n \n \n openModal(deleteId)}\n style={{ marginLeft: '1rem' }}\n >\n Delete\n \n \n
\n \n 
\n
\n ) : (\n | \n No\n | \n\n Country\n | \n\n School Name\n | \n\n Contact Person\n | \n\n Designation\n | \n\n Contact Number\n | \n\n Contracts\n | \n\n |
|---|
\n
\n \n Delete {type === 'contract' && 'Contract'}\n {type === 'account-manager' && 'Account Manager'}\n {type === 'school' && 'School'}\n
\n\n Do you want to delete {type === 'contract' && 'contract'}{' '}\n {type === 'account-manager' && 'account manager'}\n {type === 'school' && 'school'} you selected?\n
\n \n \n \n
\n \n {data !== null && data.length > 0 ? (\n <>\n \n \n
\n ))}\n \n ) : (\n
\n )}\n Search result
\n {data &&\n data.map((item, index) => (\n | {item.ID} | \n{CountryID[item.CountryID]} | \n\n | \n \n | \n
\n \n
\n )}\n \n
\n {searchTerm.length >= 3 ? (\n School List
\n \n {\n setSearchTerm(e.target.value);\n }}\n />\n
\n \n \n {\n event.preventDefault();\n setFilterCountry('');\n }}\n >\n All\n \n \n
\n {isLoading && Filter by Country :
\nNo Contract
\n ) : (\n| No | \nYear | \nAccount Manager | \nValue | \nNo of Accts | \nStart Date | \nEnd Date | \n\n |
|---|---|---|---|---|---|---|---|
| {index + 1} | \n{item.AcademicYear} | \n{item.AccountManagerName} | \n\n {Currency[item.Currency]} {item.TotalValue}\n | \n\n {PaymentStatus[item.PaymentStatus] === 'Paid' &&\n item.ContractDetails.length > 0\n ? item.ContractDetails.reduce(\n (accumulator, currentValue) => {\n return accumulator + currentValue.AccountsPurchased;\n },\n 0\n )\n : '-'}\n | \n{moment(item.StartDate).format('MMM YYYY')} | \n{moment(item.EndDate).format('MMM YYYY')} | \n\n | \n
{msg}
\n \n{title}
\n{data}
\n{detail}
;\n};\n\nconst SchoolDetails = ({ match }) => {\n const dispatch = useContext(SelectedSchoolDispatch);\n const schoolID = parseInt(match.params.id, 10);\n const history = useHistory();\n const [data, setData] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n setIsLoading(true);\n setError(null);\n refreshFetchWrapper(getSchoolById, schoolID)\n .then((res) => {\n setIsLoading(false);\n setData(res.Result);\n })\n .catch((err) => {\n setIsLoading(false);\n setError(err.message);\n });\n }, [match.params.id, schoolID]);\n\n // modal state & handlers\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [selectedContractID, setSelectedContractID] = useState(null);\n const openDeleteModal = () => {\n setShowDeleteModal(true);\n };\n const hideDeleteModal = () => {\n setShowDeleteModal(false);\n };\n const [showDeleteContractModal, setShowDeleteContractModal] = useState(false);\n const openDeleteContractModal = (contractID) => {\n setSelectedContractID(contractID);\n setShowDeleteContractModal(true);\n };\n const hideDeleteContractModal = () => {\n setShowDeleteContractModal(false);\n };\n const [showInfoModal, setShowInfoModal] = useState(false);\n const [infoModalMessage, setInfoModalMessage] = useState(null);\n\n return (\n {data && data.SchoolName}
\n \n
\n \n
\n \n
\n \n {\n dispatch({\n type: 'SET_SELECTED_SCHOOL',\n data,\n });\n history.push(\n `/school/school-list/details/edit/${\n data && data.CustomerId\n }`\n );\n }}\n >\n \n Edit\n \n \n \n
\n \n
\n \n )}\n {!isLoading && error !== null && (\n \n {\n dispatch({\n type: 'SET_SELECTED_SCHOOL',\n data,\n });\n if (data.ContractModels === null) {\n history.push(\n `/school/school-list/create-contract/${data.CustomerId}`\n );\n } else if (data.ContractModels.length > 0) {\n history.push(\n `/school/school-list/renew-contract/${data.CustomerId}`\n );\n }\n }}\n >\n {data !== null &&\n (data.ContractModels !== null &&\n data.ContractModels.length > 0\n ? 'Renew'\n : 'Add')}\n \n
\n Contract
\n\n
\n )}\n {error}
\n\n history.goBack()}\n >{`< Back`}
\n {title}
\n {type === 'account-manager' && (\n \n )}\n \n \n 
\n
\n \n {type === 'create-school' || type === 'update-school'\n ? 'School'\n : 'Account Manager'}{' '}\n succesfully{' '}\n {type === 'create-school' || type === 'create-account-manager'\n ? 'created'\n : 'updated'}\n !\n
\n \n \n
\n {error.plan}
}\n {error.am &&{error.am}
}\n| \n No\n | \n\n ID\n | \n\n Name\n | \n\n Company Name\n | \n\n Country\n | \n\n ASL\n | \n\n Status\n | \n\n Join Date\n | \n\n |
|---|---|---|---|---|---|---|---|---|
| {index + 1} | \n{item.id} | \n{item.name} | \n{item.companyname ? item.companyname : '-'} | \n{item.countryName} | \n{item.Customers.length} | \n{item.status ? 'Active' : 'Inactive'} | \n{item.joindate ? convertISODate(item.joindate) : '-'} | \n\n \n \n | \n
\n \n history.push('/account-manager/create-account-manager')\n }\n className=\"primary-btn\"\n >\n Add\n \n
\n Account Manager List
\n \n
\n {isLoading && \n
\n Filter by Status :
\n\n
\n Filter by Country :
\n\n
\n User Details
\n \n history.push('/school/update-school')}\n >\n \n setDisable(false)}\n style={{ marginLeft: '0.5rem' }}\n >\n Edit\n \n \n \n \n
\n | \n No\n | \n\n Country\n | \n\n School ID\n | \n\n School Name\n | \n\n Student Population\n | \n\n Accessibility\n | \n\n Customer Status\n | \n
|---|---|---|---|---|---|---|
| {index + 1} | \n{item.countryName === null ? '-' : item.countryName} | \n{item.schoolId === null ? '-' : item.schoolId} | \n{item.schoolName === null ? '-' : item.schoolName} | \n\n {item.studentPopulation === null\n ? '-'\n : item.studentPopulation}\n | \n\n {item.accessibility === null ? '-' : item.accessibility}\n | \n{item.status === null ? '-' : item.status} | \n