\n \n Appointments | Donation Allocate Appointments \n \n this.setState({ confirmModal: false })}\n />\n \n {/* Render Breadcrumbs */}\n {/* {\n // Check if lab_name is defined and not null\n if (lab.lab_name !== undefined && lab.lab_name !== null) {\n // Return a div for each lab_name\n return (\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n
\n {/* \n
*/}\n \n )}\n \n )}\n \n \n \n \n
\n \n
\n \n {lab.lab_name}\n -Donation Allocate Appointments\n
\n );\n }\n // Don't render anything for labs without lab_name\n return null;\n })}\n \n />\n Note: Here is the amount of those lab Appointments whose Payment method Donation Status Allocated and Result Uploaded
\n\n\n
\n \n \n
\n \n \n \n \n
\n \n \n
\n \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n\n {this.state.isProfileUpdated && this.state.isProfileUpdated ? (\n Your profile is updated. \n ) : null}\n\n \n \n {\n // if no file was selected for logo then get current image from url and convert to file\n if (typeof values.logo == \"string\") {\n this.toDataURL(values.logo).then(dataUrl => {\n var fileData = this.dataURLtoFile(\n dataUrl,\n values.logo.split(\"/\").at(-1)\n );\n values.logo = fileData;\n\n this.props.updateLabProfile(values, this.state.user_id);\n });\n }\n\n // Otherwise just call update method\n else {\n this.props.updateLabProfile(values, this.state.user_id);\n }\n\n // To show success message of update\n this.setState({ isProfileUpdated: true });\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n\n // To get updated profile again\n setTimeout(() => {\n this.props.getLabProfile(this.state.user_id);\n }, 1000);\n\n // To display updated logo\n setTimeout(() => {\n this.setState({\n logo:\n process.env.REACT_APP_BACKENDURL +\n this.props.success.logo,\n });\n }, 2000);\n\n // To make success message disappear after sometime\n setTimeout(() => {\n this.setState({\n isProfileUpdated: false,\n });\n }, 5000);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n {this.state.name}
\n{this.state.email}
\nUpdate Lab Profile
\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n\n {this.state.isProfileUpdated && this.state.isProfileUpdated ? (\n \n Your profile has been updated successfully.\n \n ) : null}\n\n \n \n {\n this.props.updatePatientProfile(values, this.state.user_id);\n // To show success message of update\n this.setState({ isProfileUpdated: true });\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n // To get updated profile again\n setTimeout(() => {\n this.props.getPatientProfile(this.state.user_id);\n }, 1000);\n\n // To make success message disappear after sometime\n setTimeout(() => {\n this.setState({\n isProfileUpdated: false,\n });\n }, 5000);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n \n
\n \n
\n \n
\n \n
\n {this.state.name}
\n{this.state.email}
\nUpdate Profile
\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n\n {this.state.isProfileUpdated && this.state.isProfileUpdated ? (\n Your profile is updated. \n ) : null}\n\n \n \n {\n // if no file was selected for logo then get current image from url and convert to file\n if (typeof values.logo == \"string\") {\n this.toDataURL(values.logo).then(dataUrl => {\n var fileData = this.dataURLtoFile(\n dataUrl,\n values.logo.split(\"/\").at(-1)\n );\n values.city_id = this.state.selectedCities.map(city => city.value).join(\", \");\n values.logo = fileData;\n\n this.props.updateCorporateProfile(values, this.state.user_id);\n // console.log(\"update howa yah nahi 11 if\", this.props.updateCorporateProfile(values, this.state.user_id))\n });\n }\n\n // Otherwise just call update method\n else {\n values.city_id = this.state.selectedCities.map(city => city.value).join(\", \");\n this.props.updateCorporateProfile(values, this.state.user_id);\n // console.log(\"update howa yah nahi else\", this.props.updateCorporateProfile(values, this.state.user_id))\n }\n\n // To show success message of update\n this.setState({ isProfileUpdated: true });\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n\n // To get updated profile again\n setTimeout(() => {\n this.props.getCorporateProfile(this.state.user_id);\n }, 1000);\n\n // To display updated logo\n setTimeout(() => {\n this.setState({\n logo:\n process.env.REACT_APP_BACKENDURL +\n this.props.success.logo,\n });\n }, 2000);\n\n // To make success message disappear after sometime\n setTimeout(() => {\n this.setState({\n isProfileUpdated: false,\n });\n }, 5000);\n }}\n >\n {({ errors, status, touched, values, setFieldValue }) => (\n \n )}\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n {this.state.name}
\n{this.state.email}
\nUpdate Corporate Profile
\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n\n {this.state.isProfileUpdated && this.state.isProfileUpdated ? (\n \n Your profile has been updated successfully.\n \n ) : null}\n\n \n \n {\n this.props.updateSampleCollectorProfile(\n values,\n this.state.user_id\n );\n // To show success message of update\n this.setState({ isProfileUpdated: true });\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n // To get updated profile again\n setTimeout(() => {\n this.props.getSampleCollectorProfile(this.state.user_id);\n }, 1000);\n\n // To make success message disappear after sometime\n setTimeout(() => {\n this.setState({\n isProfileUpdated: false,\n });\n }, 5000);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n \n
\n \n
\n \n
\n \n
\n {this.state.name}
\n {/*{this.state.phone}
*/}\nUpdate Profile
\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n\n {this.state.isProfileUpdated && this.state.isProfileUpdated ? (\n \n Your profile has been updated successfully.\n \n ) : null}\n\n \n \n {\n this.props.updateStaffProfile(values, this.state.user_id);\n // To show success message of update\n this.setState({ isProfileUpdated: true });\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n // To get updated profile again\n setTimeout(() => {\n this.props.getStaffProfile(this.state.user_id);\n }, 1000);\n\n // To make success message disappear after sometime\n setTimeout(() => {\n this.setState({\n isProfileUpdated: false,\n });\n }, 5000);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n \n
\n \n
\n \n
\n \n
\n {this.state.name}
\n {/*{this.state.phone}
*/}\nYour Profile
\n\n\n
\n \n \n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n \n \n
\n - \n {this.props.patientProfile && (\n <>\n {!this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card ? (\n <>\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {this.props.match.params.filnalurl && this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {this.props.patientProfile && (\n <>\n {!this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card ? (\n <>\n
- \n
- \n
- \n {/* \n{this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n
\n \n Are you sure?
\nYou won't be able to revert this!
\n\n \n Yes, delete it!\n \n \n Cancel\n \n
\n \n \n \n this.onClickDelete(cart)}\n >\n \n
\n ),\n },\n ],\n };\n this.handleCartClick = this.handleCartClick.bind(this);\n this.toggle = this.toggle.bind(this);\n this.onClickDelete = this.onClickDelete.bind(this);\n }\n\n componentDidMount() {\n const { onGetCarts } = this.props;\n onGetCarts(this.state.user_id);\n this.setState({ carts: this.props.carts });\n }\n\n toggle() {\n this.setState(prevState => ({\n modal: !prevState.modal,\n }));\n }\n // eslint-disable-next-line no-unused-vars\n componentDidUpdate(prevProps, prevState, snapshot) {\n const { carts } = this.props;\n if (!isEmpty(carts) && size(prevProps.carts) !== size(carts)) {\n this.setState({ carts: {}, isEdit: false });\n }\n }\n\n onPaginationPageChange = page => {\n if (\n this.node &&\n this.node.current &&\n this.node.current.props &&\n this.node.current.props.pagination &&\n this.node.current.props.pagination.options\n ) {\n this.node.current.props.pagination.options.onPageChange(page);\n }\n };\n\n /* Insert,Update Delete data */\n\n toggleDeleteModal = () => {\n this.setState(prevState => ({\n deleteModal: !prevState.deleteModal,\n }));\n };\n\n onClickDelete = carts => {\n this.setState({ carts: carts });\n this.setState({ deleteModal: true });\n };\n\n handleDeleteCart = () => {\n const { onDeleteCart, onGetCarts } = this.props;\n const { carts } = this.state;\n\n if (carts.id !== undefined) {\n onDeleteCart(carts);\n // onDeleteAllCart(id);\n setTimeout(() => {\n onGetCarts(this.state.user_id);\n }, 1000);\n this.setState({ deleteModal: false });\n }\n };\n\n handleEmptyCart = () => {\n const { onGetCarts, onEmptyCart } = this.props;\n const { carts } = this.state;\n\n onEmptyCart(this.state.user_id);\n\n setTimeout(() => {\n onGetCarts(this.state.user_id);\n }, 1000);\n\n this.setState({ carts });\n\n this.props.history.push(\n this.props.match.params.uuid\n ? `/nearby-labs/${this.props.match.params.uuid}`\n : `/nearby-labs`\n );\n };\n\n handleCartClick = (e, arg) => {\n const cart = arg;\n\n this.setState({\n cart: {\n id: cart.id,\n patient_id: cart.patient_id,\n lab_id: cart.lab_id,\n offered_test_id: cart.offered_test_id,\n test_appointment_id: cart.test_appointment_id,\n invoice_id: cart.invoice_id,\n },\n isEdit: true,\n });\n\n this.toggle();\n };\n\n render() {\n const { SearchBar } = Search;\n\n const { carts } = this.props;\n\n const { deleteModal } = this.state;\n\n const pageOptions = {\n sizePerPage: 10,\n totalSize: carts.length, // replace later with size(carts),\n custom: true,\n };\n\n const defaultSorted = [\n {\n dataField: \"id\", // if dataField is not match to any column you defined, it will be ignored.\n order: \"desc\", // desc or asc\n },\n ];\n\n return (\n \n \n Carts List | Lab Hazir \n \n \n {/* Render Breadcrumbs */}\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n
\n {/* \n
*/}\n \n )}\n \n )}\n \n \n \n \n Empty Cart\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n {\n this.props.history.push(\n this.props.match.params.uuid\n ? `/checkout/${this.props.match.params.uuid}`\n : `/checkout`\n );\n }}\n className=\"btn btn-success\"\n disabled={this.state.carts.length == 0}\n >\n {\" \"}\n Checkout{\" \"}\n \n
\n \n \n
\n \n {!isSmallScreen ? (\n this.props.patientProfile && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card ? (\n \n \n \n ) : isSmallScreen && this.state.user_type == \"patient\" && window.location.pathname !== \"/nearby-labs\" ? (\n \n \n \n ) : \n \n }\n\n
\n\n \n \n \n 
\n \n \n 
\n \n \n\n \n \n 
\n \n \n \n \n \n
\n ) : (\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n
\n )\n) : null}\n\n {isSmallScreen && this.state.user_type == \"patient\" && window.location.pathname == \"/nearby-labs\" ? (\n \n {/* Display login and signup links if the user is not logged in,\n otherwise show logout and cart links to the user with patient account and is logged in */}\n {!this.state.user_id ? (\n
\n \n \n \n \n {!isEmpty(this.props.carts) && (\n \n {totalLength + this.state.count}\n \n )}\n \n \n \n\n \n \n {\" \"}\n Login\n \n \n \n \n {\" \"}\n Sign up\n \n \n\n {/* \n {\" \"}\n */}\n
\n ) : !isSmallScreen && this.state.user_type === \"patient\" ? (\n \n \n \n {\" \"}\n {this.props.patientProfile && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n \n {this.props.patientProfile.corporate_name}-{this.state.patient_name.split(\" \")[0]}\n \n ) : (\n \n {this.state.patient_name.split(\" \")[0]}\n \n )}\n \n \n {\" \"}\n \n \n \n {!isEmpty(this.props.carts) && (\n \n {totalLength + this.state.count}\n \n )}\n \n \n \n \n \n \n \n \n\n {isDropdownOpen && (\n
\n ) : this.state.user_type == \"patient\" && isSmallScreen ? (\n \n
\n )}\n - \n
- \n \n {\" \"}\n \n Password\n \n
\n \n \n - \n \n {\" \"}\n \n Contact Us \n
\n \n \n - \n \n {\" \"}\n \n Wallet \n
\n \n\n\n\n\n\n\n\n\n\n\nAvailable Credit
\n\n Rs. {this.props.patientProfile.available_credit}\n {/*\n\n*/}\n\n You have received this money in case of refund which you can use only for testing.\n
\n\n \n {\" \"}\n You have received this money in case of refund.\n\n\n
\n \n This amount cannot be withdrawn and can only be used for booking tests in the future.\n \n\n\n \n - \n \n {\" \"}\n \n Log Out\n \n \n \n
\n \n {\" \"}\n \n {this.state.patient_name.split(\" \")[0]}\n \n \n {\" \"}\n \n \n {!isEmpty(this.props.carts) && (\n \n {totalLength + this.state.count}\n \n )}\n \n \n \n \n \n\n {isDropdownOpen && (\n
\n ) : (\n \n
\n )}\n - \n
- \n \n {\" \"}\n \n Password\n \n
\n \n \n - \n \n {\" \"}\n \n Contact Us \n
\n \n \n - \n \n {\" \"}\n \n Wallet \n
\n \n\n\n\n\n\n\n\n\n\n\nAvailable Credit
\n\n Rs. {this.props.patientProfile.available_credit}\n {/*\n\n*/}\n\n You have received this money in case of refund which you can use only for testing.\n
\n\n \n {\" \"}\n You have received this money in case of refund.\n\n\n
\n \n This amount cannot be withdrawn and can only be used for booking tests in the future.\n \n\n\n \n - \n \n {\" \"}\n \n Log Out\n \n \n \n
\n {this.state.user_type == \"labowner\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"b2bclient\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"CSR\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"auditor-admin\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"csr-admin\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"hr-admin\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"marketer-admin\" && (\n \n {\" \"}\n \n )}\n
\n )}\n \n \n {\" \"}\n \n \n \n {!isEmpty(this.props.carts) && (\n \n {totalLength + this.state.count}\n \n )}\n \n \n
\n )}\n\n {this.state.user_type == \"auditor\" && (\n \n\n\n {/* {\" \"} */}\n Go back to CSR Dashboard\n\n\n\n \n \n {!isEmpty(this.props.carts) && (\n \n {totalLength + this.state.count}\n \n )}\n \n \n {/* \n {\" \"}\n Login\n \n */}\n {/* \n {\" \"}\n Sign up\n */}\n\n {/* \n {\" \"}\n */}\n
\n )}\n\n {this.state.user_type == \"registration-admin\" && (\n \n this.openPatientModal(e, offeredTest)}\n // onMouseEnter={e => this.openPatientModal(e, offeredTest)}\n // onPointerLeave={this.handleMouseExit()}\n >\n \n {offeredTest.test_name}\n \n \n
\n )}\n {offeredTest.test_type == \"Test\" && (\n \n \n {offeredTest.test_name}\n \n
\n )}\n {/* \n \n \n this.handleOfferedTestClick(offeredTest)}\n >\n \n {/* \n this.onClickDelete(offeredTest)}\n >\n */}\n
\n ),\n },\n ],\n };\n this.handleOfferedTestClick = this.handleOfferedTestClick.bind(this);\n this.toggle = this.toggle.bind(this);\n this.handleOfferedTestClicks = this.handleOfferedTestClicks.bind(this);\n this.onClickDelete = this.onClickDelete.bind(this);\n }\n\n componentDidMount() {\n // const { units, onGetUnits } = this.props;\n // if (units && !units.length) {\n // onGetUnits();\n // }\n // this.setState({ units });\n\n const { tests, onGetTests } = this.props;\n onGetTests();\n this.setState({ tests });\n\n const { labProfiles, onGetLabProfile } = this.props;\n onGetLabProfile(this.state.user_id);\n this.setState({ \n labProfiles\n });\n console.log(\"state\",labProfiles)\n\n const { offeredTests, onGetOfferedTests, } = this.props;\n onGetOfferedTests(this.state.user_id);\n this.setState({ offeredTests });\n console.log(\"state\",offeredTests)\n\n }\n\n toggle() {\n this.setState(prevState => ({\n modal: !prevState.modal,\n }));\n }\n\n // Select\n handleSelectGroup = selectedGroup => {\n this.setState({ offeredTest: selectedGroup.value });\n };\n openPatientModal = (e, arg) => {\n this.setState({\n PatientModal: true,\n test_details: arg.test_details,\n });\n };\n // handleMouseExit = () => {\n // this.setState({\n // PatientModal: false,\n // isHovered: false,\n \n // });\n // };\n togglePatientModal = () => {\n this.setState(prevState => ({\n PatientModal: !prevState.PatientModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n handleOfferedTestClicks = () => {\n this.setState({ offeredTest: \"\", isEdit: false, test_id: \"\" });\n this.toggle();\n };\n\n // eslint-disable-next-line no-unused-vars\n componentDidUpdate(prevProps, prevState, snapshot) {\n const { offeredTests } = this.props;\n if (\n !isEmpty(offeredTests) &&\n size(prevProps.offeredTests) !== size(offeredTests)\n ) {\n this.setState({ offeredTests: {}, isEdit: false });\n }\n }\n\n onPaginationPageChange = page => {\n if (\n this.node &&\n this.node.current &&\n this.node.current.props &&\n this.node.current.props.pagination &&\n this.node.current.props.pagination.options\n ) {\n this.node.current.props.pagination.options.onPageChange(page);\n }\n };\n\n /* Insert,Update Delete data */\n\n toggleDeleteModal = () => {\n this.setState(prevState => ({\n deleteModal: !prevState.deleteModal,\n }));\n };\n\n onClickDelete = offeredTests => {\n this.setState({ offeredTests: offeredTests });\n this.setState({ deleteModal: true });\n };\n\n handleDeleteOfferedTest = () => {\n const { onDeleteOfferedTest, onGetOfferedTests } = this.props;\n const { offeredTests } = this.state;\n if (offeredTests.id !== undefined) {\n onDeleteOfferedTest(offeredTests);\n setTimeout(() => {\n onGetOfferedTests(this.state.user_id);\n }, 1000);\n this.setState({ deleteModal: false });\n }\n };\n // handleAPICall = () => {\n // const { onAddNewOfferedMainTest} = this.props;\n // const { offeredTests } = this.state;\n // // if (offeredTests.main_lab_tests == \"Yes\") \n // {\n // onAddNewOfferedMainTest(offeredTests, this.state.user_id);\n // console.log(\"sjdhjd\",offeredTests)\n\n // // setTimeout(() => {\n // // onAddNewOfferedMainTest(this.props.match.params);\n // // }, 1000);\n // }\n // };\n handleAPICall = () => {\n // const { id } = useParams();\n // console.log(\"id is\",id);\n this.setState({\n offeredTests: {\n main_lab_tests: \"Yes\",\n },\n });\n\n // API call to get the checkout items\n const { onAddNewOfferedMainTest, onGetOfferedTests } = this.props;\n setTimeout(() => {\n console.log(\n onAddNewOfferedMainTest(this.state.offeredTests, this.state.user_id)\n );\n },);\n setTimeout(() => {\n onGetOfferedTests(this.state.user_id);\n }, 1000);\n };\n\n handleOfferedTestClick = arg => {\n const offeredTest = arg;\n\n this.setState({\n test_id: offeredTest.test_id,\n offeredTest: {\n id: offeredTest.id,\n test_name: offeredTest.test_name,\n // unit_name: offeredTest.unit_name,\n test_id: offeredTest.test_id,\n // unit_id: offeredTest.unit_id,\n duration_required: offeredTest.duration_required,\n duration_type: offeredTest.duration_type,\n sample_type: offeredTest.sample_type,\n price: offeredTest.price,\n is_eqa_participation: offeredTest.is_eqa_participation,\n is_home_sampling_available: offeredTest.is_home_sampling_available,\n is_test_performed: offeredTest.is_test_performed,\n is_active:offeredTest.is_active,\n },\n isEdit: true,\n });\n\n this.toggle();\n };\n\n render() {\n const { SearchBar } = Search;\n\n const { offeredTests } = this.props;\n const { tests } = this.props;\n const {labProfiles} = this.props;\n // const { units } = this.props;\n\n const { isEdit, deleteModal } = this.state;\n\n const { onAddNewOfferedTest, onAddNewOfferedMainTest, onUpdateOfferedTest, onGetOfferedTests, onGetLabProfile } =\n this.props;\n const offeredTest = this.state.offeredTest;\n\n const pageOptions = {\n sizePerPage: 10000,\n totalSize: offeredTests.length, // replace later with size(offeredTests),\n custom: true,\n };\n\n const defaultSorted = [\n {\n dataField: \"id\", // if dataField is not match to any column you defined, it will be ignored.\n order: \"desc\", // desc or asc\n },\n ];\n\n const testList = [];\n for (let i = 0; i < tests.length; i++) {\n let flag = 0;\n\n // Check if test available in our database is already being offered by lab\n // If yes then don't push it in testList\n for (let j = 0; j < offeredTests.length; j++) {\n if (tests[i].id == offeredTests[j].test_id) {\n flag = 1;\n }\n }\n\n if (!flag) {\n testList.push({\n label: tests[i].name,\n value: tests[i].id,\n });\n }\n }\n\n return (\n \n \n Offered Tests List | Lab Hazir \n \n \n {/* Render Breadcrumbs */}\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n \n
\n {/* \n
*/}\n \n )}\n \n )}\n \n \n \n \n \n \n \n \n\n \n )}\n \n
\n \n \n
\n \n
\n \n \n Note: If referral fee of any offered test is not entered by Labhazir, all such tests will not be online.\n \n \n
\n \n
\n \n \n \n
\n \n {this.props.labProfiles.type == \"Main Lab\" && (\n \n {\" \"}\n \n Tests Sheet{\" \"}\n \n )}\n
\n \n\n {/* \n {this.props.labProfiles.type == \"Main Lab\" && (\n \n \n Add New Test\n \n )}\n
\n */}\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n {!!isEdit\n ? \"Edit Offered Test\"\n : \"Add Offered Test\"}\n \n \n {\n if (isEdit) {\n const updateOfferedTest = {\n id: offeredTest.id,\n test_id: parseInt(\n values.test_id\n ),\n // unit_id: parseInt(\n // values.unit_id\n // ),\n duration_required:\n values.duration_required,\n duration_type:\n values.duration_type,\n sample_type: values.sample_type,\n price: values.price,\n is_eqa_participation:\n values.is_eqa_participation,\n is_home_sampling_available:\n values.is_home_sampling_available,\n is_test_performed:\n values.is_test_performed,\n is_active:\n values.is_active,\n };\n\n // update OfferedTest\n onUpdateOfferedTest(\n updateOfferedTest,\n this.state.user_id,\n );\n\n setTimeout(() => {\n onGetOfferedTests(\n this.state.user_id\n );\n }, 1000);\n } else {\n // if (!values.unit_id) {\n // values.unit_id = units[0].id;\n // }\n\n const newOfferedTest = {\n id:\n Math.floor(\n Math.random() * (30 - 20)\n ) + 20,\n test_id: this.state.test_id,\n // unit_id: values.unit_id,\n test_type: this.state.test_type,\n test_details: this.state.test_details,\n duration_required:\n values.duration_required,\n duration_type:\n values.duration_type,\n sample_type: values.sample_type,\n price: values.price,\n is_eqa_participation:\n values.is_eqa_participation,\n is_home_sampling_available:\n values.is_home_sampling_available,\n is_test_performed:\n values.is_test_performed,\n is_active:\n values.is_active,\n };\n\n // save new OfferedTest\n onAddNewOfferedTest(\n newOfferedTest,\n this.state.user_id\n );\n\n setTimeout(() => {\n onGetOfferedTests(\n this.state.user_id\n );\n }, 1000);\n }\n this.setState({\n selectedOfferedTest: null,\n });\n this.toggle();\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n
\n \n \n\n
Note: Once marked all the tests of main lab will be added to the offered tests of this collection point. However you can update the test details.
Such as reporting time, home sampling, is the test active. If main lab makes any change it will be updated in all collection points except the fields mentioned above.\n \n
\n Note: Once marked all the tests of main lab will be added to the offered tests of this collection point. However you can update the test details.
Such as reporting time, home sampling, is the test active. If main lab makes any change it will be updated in all collection points except the fields mentioned above.\n \n
- \n {dots.map((dot, index) => (\n
\n
\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n \n \n
\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {this.state.filnalurl && this.state.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
\n
\n \n \n \n \n ) : (\n \n \n \n )}\n
\n\n \n {!isSmallScreen ? (\n \n \n \n \n \n \n \n \n ) : null}\n
\n {/* // for mobile app */}\n {isSmallScreen ? (\n \n {!this.state.user_id ? (\n
\n \n \n \n {\" \"}\n {/* {!isEmpty(this.props.carts) &&\n \n this.props.carts.slice(-1).pop().cart_quantity+this.state.count\n } */}\n \n \n \n \n {\" \"}\n Login\n \n \n \n \n {\" \"}\n Sign up\n \n \n \n \n {\" \"}\n \n \n
\n ) : this.state.user_type == \"patient\" ? (\n \n {this.state.user_type == \"labowner\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"b2bclient\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"auditor\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"CSR\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"auditor-admin\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"csr-admin\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"hr-admin\" && (\n \n {\" \"}\n \n )}\n\n {this.state.user_type == \"marketer-admin\" && (\n \n {\" \"}\n \n )}\n
\n )}\n \n \n {\" \"}\n \n \n {\" \"}\n {!isEmpty(this.props.carts) &&\n \n this.props.carts.slice(-1).pop().cart_quantity +\n this.state.count\n \n\n }\n \n
\n )}\n\n {this.state.user_type == \"registration-admin\" && (\n How to enable location access on your browser
\n\n \n {/* \n Filter Labs by:\n {/* {this.state.locationAccessAllowed === true ? (\n e.target.style.backgroundColor = \"#DDEEFA\"}\n onMouseOut={(e) => e.target.style.backgroundColor = \"transparent\"}\n >\n {this.state.address}\n \n ) : (this.state.locationAccessAllowed === false ? (\n this.setState({ PatientModal: true })}\n // className=\"text-danger\"\n style={{ cursor: \"pointer\", textDecoration: \"underline\", color: \"inherit\" }}\n onMouseOver={(e) => e.target.style.backgroundColor = \"#DDEEFA\"}\n onMouseOut={(e) => e.target.style.backgroundColor = \"transparent\"}\n >\n We're having trouble finding you. Check your connection and location access. \n \n See how to enable location access.\n \n \n ) : null\n )} */}\n \n {this.state.isDivVisible && (\n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val !== \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n {this.state.locationAccessAllowed === true ? (\n
\n )}\n \n\n
\n \n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n {/* \n
\n \n\n Need Some Better?
\n“Let's find the labs,”
*/}\n\n this.onChangeAddress(e)}\n id=\"pac-input\"\n type=\"text\"\n className=\"form-control\"\n placeholder=\"Enter Custom Address\"\n />\n
\n )}\n\n \n {/* \n Search Types\n */}\n this.onChangeSearchType(e)}\n value={search_type}\n className=\"form-select\"\n style={{\n border: borderColor,\n borderRadius: '5px',\n // Add more style overrides as needed\n }}\n >\n \n \n \n \n
\n \n ) : (\n \n {/* \n Search Types\n */}\n this.onChangeSearchType(e)}\n value={search_type}\n className=\"form-select\"\n style={{\n border: borderColor,\n borderRadius: '5px',\n // Add more style overrides as needed\n }}\n >\n \n \n \n \n \n
\n \n )}\n {this.state.search_type === 'City' && (\n \n {/* \n By City \n */}\n ({\n ...provided,\n border: '2px solid green',\n borderRadius: '5px',\n }),\n // Add more style overrides as needed\n }}\n />\n
\n \n )}\n {this.state.search_type === 'Custom Address' && (\n \n {/* \n Custom Address \n */}\n this.onChangeAddress(e)}\n id=\"pac-input\"\n type=\"text\"\n className=\"form-control\"\n placeholder=\"Enter Address..\"\n style={{\n border: '2px solid yellow',\n borderRadius: '5px',\n // Add more style overrides as needed\n }}\n />\n
\n \n )}\n {this.state.search_type === 'Custom Address' ? (\n \n
\n \n ) : (this.state.search_type === 'Current Location' && (\n \n this.onChangeKm(e)}\n id=\"pac-input\"\n type=\"number\"\n className=\"form-control\"\n placeholder=\"\"\n style={{\n border: '2px solid yellow',\n borderRadius: '5px',\n fontSize: '14px'\n // Add more style overrides as needed\n }}\n />\n
\n \n
\n \n )\n )}\n \n this.onChangeKm(e)}\n id=\"pac-input\"\n type=\"number\"\n className=\"form-control\"\n placeholder=\"\"\n style={{\n border: '2px solid red',\n borderRadius: '5px',\n fontSize: '14px'\n // Add more style overrides as needed\n }}\n />\n
\n \n {/* \n Search By Lab Name\n */}\n option.value === this.state.name)}\n onChange={this.onChangeLabName}\n options={labNames}\n placeholder=\"Lab Name...\"\n isSearchable={true}\n isClearable={true}\n components={{\n ClearIndicator,\n }}\n styles={{\n control: (provided, state) => ({\n ...provided,\n border: '2px solid blue',\n borderRadius: '5px',\n }),\n // Add more style overrides as needed\n }}\n />\n
\n \n\n {this.state.locationAccessAllowed === true ? (\n \n {/* \n Search By Labs Type\n */}\n this.onChangeType(e)}\n value={this.state.LabType}\n className=\"form-select\"\n style={{\n border: '2px solid blue',\n borderRadius: '5px',\n // Add more style overrides as needed\n }}\n >\n \n \n \n \n
\n \n ) : \n (\n \n {/* \n Search By Labs Type\n */}\n this.onChangeType(e)}\n value={this.state.LabType}\n className=\"form-select\"\n style={{\n border: '2px solid blue',\n borderRadius: '5px',\n // Add more style overrides as needed\n }}\n >\n \n \n \n \n
\n \n )\n }\n\n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n\n \n
\n \n \n \n ))}\n\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {/* {nearbyLab.email ? (\n \n \n {\" \"}\n {nearbyLab.email}\n \n
) : null} */}\n {nearbyLab.phone ? (\n \n \n {\" \"}\n {nearbyLab.phone}\n \n
) : null}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n {/* \n Filter Labs by: \n {/* {this.state.locationAccessAllowed === true ? (\n e.target.style.backgroundColor = \"#DDEEFA\"}\n onMouseOut={(e) => e.target.style.backgroundColor = \"transparent\"}\n >\n {this.state.address}\n \n ) : (this.state.locationAccessAllowed === false ? (\n this.setState({ PatientModal: true })}\n // className=\"text-danger\"\n style={{ cursor: \"pointer\", textDecoration: \"underline\", color: \"inherit\" }}\n onMouseOver={(e) => e.target.style.backgroundColor = \"#DDEEFA\"}\n onMouseOut={(e) => e.target.style.backgroundColor = \"transparent\"}\n >\n We're having trouble finding you. Check your connection and location access. \n \n See how to enable location access.\n \n \n ) : null\n )} */}\n \n {this.state.isDivVisible && (\n */}\n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val !== \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n {/* */}\n\n
\n\n \n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n {/* \n
\n \n\n \n this.onChangeAddress(e)}\n id=\"pac-input\"\n type=\"text\"\n className=\"form-control\"\n placeholder=\"Enter Custom Address\"\n />\n
\n )}\n {/* \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n \n ))}\n\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {nearbyLab.phone ? (\n \n \n {\" \"}\n {nearbyLab.phone}\n \n
) : null}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n {advLive.poster ? (\n advLive.poster.match(/\\.(jpeg|jpg|gif|png)$/) ? (\n \n
\n \n \n ))\n )}\n {this.props.regionWiseAdvertisement.map((regionWiseAdvertisement, key) => (\n <>\n {regionWiseAdvertisement.nearby_adv_list.map(\n (nearby_adv_list, key) => (\n No media found.
\n )}\n \n
*/}\n \n
\n \n )}\n \n )\n )}\n \n ))}\n \n \n \n ) : isSmallScreen &&\n isEmpty(this.props.advLives) &&\n isEmpty(regionWiseAdvertisement) &&\n this.state.user_type === \"patient\" ? (\n \n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n \n \n \n \n\n\n \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n {/* \n
\n \n\n Categories
\n\n Sehatmand Pakistan, Khushhaal Pakistan: Aapki Sehat, Hamari Zimmedari!\n
\n\n {/* Horizontal Scrollable Row */}\n\n \n
\n \n
\n \n\n \n \n \n 
\n \n
\n \n Tests\n
\n\n
\n \n\n \n \n \n 
\n \n
\n \n Profiles\n
\n\n
\n \n\n \n \n \n 
\n \n
\n \n Packages\n
\n\n
\n \n\n \n \n \n 
\n \n
\n \n Radiology\n
\n\n
\n \n\n \n \n \n 
\n \n
\n \n Discounts\n
\n\n
\n \n \n \n 
\n \n
\n \n Appointments\n
\n\n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n \n ))}\n\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n {/* */}\n \n {\" \"}\n {nearbyLab.address}\n \n {/* */}\n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {nearbyLab.phone ? (\n \n \n {\" \"}\n {nearbyLab.phone}\n \n
) : null}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n \n
\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n\n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n {/* \n
\n \n\n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n \n ))}\n\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {nearbyLab.phone ? (\n \n \n {\" \"}\n {nearbyLab.phone}\n \n
) : null}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n \n {Array.isArray(this.props.advLives) && this.props.advLives.length > 0 ? (\n this.props.advLives.map((advLive, key) => (\n \n
\n \n \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n\n \n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n {/* \n
\n \n\n \n \n {advLive.poster ? (\n advLive.poster.match(/\\.(jpeg|jpg|gif|png)$/) ? (\n \n
\n ))\n ) : (\n No media found.
\n )}\n \n No advertisements available.
\n )}\n\n {this.props.regionWiseAdvertisement.map(\n (regionWiseAdvertisement, key) => (\n\n {regionWiseAdvertisement.nearby_adv_list.map(\n (nearby_adv_list, index) => (\n \n
\n )\n )}\n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n \n ))}\n\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {nearbyLab.phone ? (\n \n \n {\" \"}\n {nearbyLab.phone}\n \n
) : null}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n \n {Array.isArray(this.props.advLives) && this.props.advLives.length > 0 && (\n this.props.advLives.map((advLive, key) => (\n \n
\n \n \n \n \n \n \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n\n \n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.state.guest_id}`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n {/* \n
\n \n\n \n \n {advLive.poster ? (\n advLive.poster.match(/\\.(jpeg|jpg|gif|png)$/) ? (\n \n
\n ))\n )}\n {this.props.regionWiseAdvertisement.map(\n (regionWiseAdvertisement, key) => (\n No media found.
\n )}\n \n \n {regionWiseAdvertisement.nearby_adv_list.map(\n (nearby_adv_list, index) => (\n \n
\n )\n )}\n Categories
\n\n Sehatmand Pakistan, Khushhaal Pakistan: Aapki Sehat, Hamari Zimmedari!\n
\n\n {/* Horizontal Scrollable Row */}\n\n \n
\n \n
\n \n\n \n \n \n \n \n
\n \n Tests\n
\n\n
\n \n\n \n \n \n \n \n
\n \n Profiles\n
\n\n
\n \n\n \n \n \n \n \n
\n \n Packages\n
\n\n
\n \n\n \n \n \n \n \n
\n \n Radiology\n
\n\n
\n \n\n \n \n \n \n \n
\n \n Discounts\n
\n\n
\n \n \n \n \n \n
\n \n Appointments\n
\n\n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n \n ))}\n\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* {!nearbyLab.is_247_opened && nearbyLab.closing_day && (\n \n \n {\" \"}\n {nearbyLab.closing_day}\n \n
\n )} */}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* {!nearbyLab.is_247_opened && nearbyLab.closing_day && (\n \n \n {\" \"}\n {nearbyLab.closing_day}\n \n
\n )} */}\n\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {nearbyLab.phone ? (\n \n \n {\" \"}\n {nearbyLab.phone}\n \n
) : null}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* {!nearbyLab.is_247_opened && nearbyLab.closing_day && (\n \n \n {\" \"}\n {nearbyLab.closing_day}\n \n
\n )} */}\n\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n \n My Appointments\n \n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n ) : this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {this.props.match.params.filnalurl &&\n this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n {/* Approved Donors | Lab Hazir */}\n \n \n {!isSmallScreen ? (\n \n val === \"Custom Address\",\n // then: Yup.string().required(\"Please enter your City\"),\n // }),\n // location: Yup.string().when(\"city\", {\n // is: val => val != \"\",\n // then: Yup.string().required(\"Please enter your Location\"),\n // }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n ) : \n val === \"Custom Address\",\n // then: Yup.string().required(\"Please enter your City\"),\n // }),\n // location: Yup.string().when(\"city\", {\n // is: val => val != \"\",\n // then: Yup.string().required(\"Please enter your Location\"),\n // }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
}\n \n \n \n {isFilterApplied ? ( // Only render the table if both city_id and test_id are selected\n \n \n
\n \n
\n \n \n \n
\n
\n ) : isFilterApplied2 ? (\n | Lab Name | \nTest Name | \nReporting Time | \nPrice | \n {/*Total Price | */}\nDiscount (Rs) | \nPrice after Discount | \n\n Net Payable\n | \n\n | \n {!this.state.user_id ? (\n \n \n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type !== \"b2bclient\") && (\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type === \"b2bclient\") && (\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n {offeredTest.test_name} \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n \n {\" \"}\n {offeredTest.duration_required}{\" \"}\n {offeredTest.duration_type}\n \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n \n {\" \"}\n {offeredTest.price\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map((offeredTest, index) => (\n // Use a Fragment to avoid wrapping with a div\n \n {((offeredTest.discount + (offeredTest.discount_by_labhazir || 0) + (offeredTest.test_discount || 0)) !== 0) ? (\n \n {((offeredTest.discount + (offeredTest.discount_by_labhazir || 0) + (offeredTest.test_discount || 0)) * 100)} %\n \n ) : (\n '--'\n )}\n \n ))}\n | \n\n \n {referrelFeeLab.offered_tests\n .map((offeredTest, index) => {\n const discountByTest = offeredTest.discount || 0;\n const discountByLabhazir = offeredTest.discount_by_labhazir || 0;\n const discountByAllLabhazir = offeredTest.test_discount || 0;\n const totalDiscount = discountByTest + discountByLabhazir + discountByAllLabhazir;\n const discountedPrice =\n offeredTest.price -\n (offeredTest.price * (totalDiscount * 100)) / 100;\n\n return (\n \n {discountedPrice\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n );\n })}\n | \n \n \n {referrelFeeLab.offered_tests\n .reduce((total, offeredTest) => {\n const discountByTest = offeredTest.discount || 0;\n const discountByLabhazir = offeredTest.discount_by_labhazir || 0;\n const discountByAllLabhazir = offeredTest.test_discount || 0;\n const totalDiscount = discountByTest + discountByLabhazir\n const discountedPrice = (\n offeredTest.price -\n (offeredTest.price * (totalDiscount * 100)) / 100\n );\n return total + Number(discountedPrice);\n }, 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n | \n\n {/* \n | */}\n \n {(() => {\n // Check if all offeredTest.id in this row are already in this.props.carts\n const areAllTestIdsInCart = referrelFeeLab.offered_tests.every(offeredTest =>\n this.props.carts.some(cartItem => cartItem.offered_test_id === offeredTest.id)\n );\n\n console.log(\"all present have or not\", areAllTestIdsInCart);\n\n return (\n | \n \n )\n ) : (\n
|---|
\n \n \n
\n
\n\n ) : isFilterApplied3 ? (\n | Lab Name | \nTest Name | \nReporting Time | \nPrice | \n {/*Total Price | */}\nDiscount | \nPrice after Discount | \n\n Net Payable\n | \n\n | \n {!this.state.user_id ? (\n \n \n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type !== \"b2bclient\") && (\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type === \"b2bclient\") && (\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n {offeredTest.test_name} \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n \n {\" \"}\n {offeredTest.duration_required}{\" \"}\n {offeredTest.duration_type}\n \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n \n {\" \"}\n {offeredTest.price\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map((offeredTest, index) => (\n // Use a Fragment to avoid wrapping with a div\n \n {((offeredTest.discount + (offeredTest.discount_by_labhazir || 0) + (offeredTest.test_discount || 0)) !== 0) ? (\n \n {((offeredTest.discount + (offeredTest.discount_by_labhazir || 0) + (offeredTest.test_discount || 0)) * 100)} %\n \n ) : (\n '--'\n )}\n \n ))}\n | \n\n \n {referrelFeeLab.offered_tests\n .map((offeredTest, index) => {\n const discountByTest = offeredTest.discount || 0;\n const discountByLabhazir = offeredTest.discount_by_labhazir || 0;\n const totalDiscount = discountByTest + discountByLabhazir;\n const discountedPrice =\n offeredTest.price -\n (offeredTest.price * (totalDiscount * 100)) / 100;\n\n return (\n \n {discountedPrice\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n );\n })}\n | \n \n \n {referrelFeeLab.offered_tests\n .reduce((total, offeredTest) => {\n const discountByTest = offeredTest.discount || 0;\n const discountByLabhazir = offeredTest.discount_by_labhazir || 0;\n const totalDiscount = discountByTest + discountByLabhazir;\n const discountedPrice = (\n offeredTest.price -\n (offeredTest.price * (totalDiscount * 100)) / 100\n );\n return total + Number(discountedPrice);\n }, 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n | \n\n {/* \n | */}\n \n {(() => {\n // Check if all offeredTest.id in this row are already in this.props.carts\n const areAllTestIdsInCart = referrelFeeLab.offered_tests.every(offeredTest =>\n this.props.carts.some(cartItem => cartItem.offered_test_id === offeredTest.id)\n );\n\n console.log(\"all present have or not\", areAllTestIdsInCart);\n\n return (\n | \n \n )\n ) : (\n
|---|
\n \n \n
\n
\n\n ) : (\n | Lab Name | \nTest Name | \nReporting Time | \nPrice | \n {/*Total Price | */}\nDiscount | \nPrice after Discount | \n\n Net Payable\n | \n\n | \n {!this.state.user_id ? (\n \n \n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type !== \"b2bclient\") && (\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type === \"b2bclient\") && (\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n\n \n )}\n \n {referrelFeeLab.type}\n \n \n \n \n {referrelFeeLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")} \n)}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n {offeredTest.test_name} \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n \n {\" \"}\n {offeredTest.duration_required}{\" \"}\n {offeredTest.duration_type}\n \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map(\n (offeredTest, index) => (\n \n {\" \"}\n {offeredTest.price\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )\n )}\n | \n \n {!isEmpty(referrelFeeLab.offered_tests) &&\n referrelFeeLab.offered_tests.map((offeredTest, index) => (\n // Use a Fragment to avoid wrapping with a div\n \n {((offeredTest.discount + (offeredTest.discount_by_labhazir || 0) + (offeredTest.test_discount || 0)) !== 0) ? (\n \n {((offeredTest.discount + (offeredTest.discount_by_labhazir || 0) + (offeredTest.test_discount || 0)) * 100)} %\n \n ) : (\n '--'\n )}\n \n ))}\n | \n\n \n {referrelFeeLab.offered_tests\n .map((offeredTest, index) => {\n const discountByTest = offeredTest.discount || 0;\n const discountByLabhazir = offeredTest.discount_by_labhazir || 0;\n const totalDiscount = discountByTest + discountByLabhazir;\n const discountedPrice =\n offeredTest.price -\n (offeredTest.price * (totalDiscount * 100)) / 100;\n\n return (\n \n {discountedPrice\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n );\n })}\n | \n \n \n {referrelFeeLab.offered_tests\n .reduce((total, offeredTest) => {\n const discountByTest = offeredTest.discount || 0;\n const discountByLabhazir = offeredTest.discount_by_labhazir || 0;\n const totalDiscount = discountByTest + discountByLabhazir;\n const discountedPrice = (\n offeredTest.price -\n (offeredTest.price * (totalDiscount * 100)) / 100\n );\n return total + Number(discountedPrice);\n }, 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n | \n\n {/* \n | */}\n \n {(() => {\n // Check if all offeredTest.id in this row are already in this.props.carts\n const areAllTestIdsInCart = referrelFeeLab.offered_tests.every(offeredTest =>\n this.props.carts.some(cartItem => cartItem.offered_test_id === offeredTest.id)\n );\n\n console.log(\"all present have or not\", areAllTestIdsInCart);\n\n return (\n | \n \n )\n ) : (\n
|---|
\n \n \n
\n
\n )}\n\n | Lab Name | \nTest Name | \nReporting Time | \nPrice | \n {/*Total Price | */}\nDiscount (Rs) | \nPrice after Discount | \n\n Net Payable\n | \n\n |
|---|
\n \n \n {this.state.user_id == feedback.patient_account_id ? (\n \n
\n\n \n \n \n \n ))\n : null} */}\n \n \n ))}\n
\n Reviews :
\n {map(this.props.feedbacks, (feedback, k) => (\n\n \n {feedback.patient_name.slice(0, 1)}\n \n
\n\n Your Comment
\n ) : (\n\n {feedback.patient_name}\n
\n )}\n\n\n
\n \n \n \n {/* {feedback.date} */}\n {/* {new Date(feedback.rated_at).toLocaleString(\n \"en-US\"\n )} */}\n {moment(feedback.rated_at).format(\"DD MMM YYYY, h:mm A\")}\n
\n \n {feedback.review}
\n\n {/* {comment.childComment\n ? comment.childComment.map((child, key) => (\n\n {child.name}\n
\n{child.description}
\n- \n
- \n \n Like\n \n \n
- \n \n {\" \"}\n Comment\n \n \n
\n {\" \"}\n {child.date}\n
\n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n \n My Appointments\n \n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n ) : this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n Nearby Lab Detail | Lab Hazir - Dashboard \n \n\n {this.props.success ? (\n \n \n \n \n \n \n\n {/* Insert Review Section */}\n
\n ) :\n \n \n \n \n \n\n {/* Insert Review Section */}\n
\n }\n \n ) : null}\n
\n \n \n \n
\n\n \n {!this.state.user_id ? (\n \n
\n ) : null}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n
\n ) : null}\n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n
\n ) : null}\n\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type === \"b2bclient\" ? (\n \n
\n ) : null}\n
\n \n \n {(this.props.success.offered_tests === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : this.props.success.offered_tests === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : null}\n\n {this.props.success.offered_tests === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Tests have not been entered yet!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n Offered Tests\n \n )}\n
\n \n {this.props.success.offered_profiles ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Profiles{\" \"}\n \n )}\n {this.props.success.offered_profiles ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Profiles not yet entered!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Profiles{\" \"}\n \n )}\n
\n \n {this.props.success.offered_packages ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Packages\n \n )}\n {this.props.success.offered_packages ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Packages not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Packages{\" \"}\n \n )}\n
\n \n {this.props.success\n .offered_radiologies === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Radiology{\" \"}\n \n )}\n {this.props.success.offered_radiologies === false && (\n
\n \n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Radiology not yet entered!\");\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Radiology{\" \"}\n \n
\n )}\n\n \n {this.props.success\n .sample_collectors === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n {this.props.success\n .sample_collectors === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Sample Collectors not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n
\n \n {this.props.success.pathologists ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n {this.props.success.pathologists ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Pathologists not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n
\n \n {this.props.success\n .quality_certificates === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n {this.props.success\n .quality_certificates === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Quality Certificates not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n
\n \n {/* {this.props.success.offered_tests === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Tests\n \n )} */}\n {(this.props.success.offered_tests === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : this.props.success.offered_tests === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : null}\n {this.props.success.offered_tests === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Tests have not been entered yet!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n Offered Tests\n \n )}\n
\n\n\n \n \n {(this.props.success.offered_profiles === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-profile-by-lab`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Profiles{\" \"}\n \n ) : this.props.success.offered_profiles === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-profile-by-lab-corporate/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-profile-by-lab-corporate`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Profiles{\" \"}\n \n ) : null}\n {this.props.success.offered_profiles ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Profiles not yet entered!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Profiles{\" \"}\n \n )}\n
\n \n {(this.props.success.offered_packages === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-package-by-lab`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Packages\n \n ) : this.props.success.offered_packages === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-package-by-lab-corporate/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-package-by-lab-corporate`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Packages{\" \"}\n \n ) : null}\n {this.props.success.offered_packages ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Packages not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Packages{\" \"}\n \n )}\n
\n \n {(this.props.success.offered_radiologies === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Radiology{\" \"}\n \n ) : this.props.success.offered_radiologies === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab-corporate/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab-corporate`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Radiology{\" \"}\n \n ) : null}\n {this.props.success.offered_radiologies === false && (\n
\n \n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Radiology not yet entered!\");\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Radiology{\" \"}\n \n
\n )}\n\n \n {this.props.success\n .sample_collectors === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-sample-collectors`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n {this.props.success\n .sample_collectors === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Sample Collectors not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n
\n \n {this.props.success.pathologists ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-pathologists`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n {this.props.success.pathologists ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Pathologists not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n
\n \n {this.props.success\n .quality_certificates === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-quality-certificates`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n {this.props.success\n .quality_certificates === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Quality Certificates not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n
\n \n {/* {this.props.success.offered_tests === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Tests\n \n )} */}\n {(this.props.success.offered_tests === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : this.props.success.offered_tests === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : null}\n {this.props.success.offered_tests === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Tests have not been entered yet!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n Offered Tests\n \n )}\n
\n \n {this.props.success.offered_profiles ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Profiles{\" \"}\n \n )}\n {this.props.success.offered_profiles ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Profiles not yet entered!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Profiles{\" \"}\n \n )}\n
\n \n {this.props.success.offered_packages ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Packages\n \n )}\n {this.props.success.offered_packages ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Packages not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Packages{\" \"}\n \n )}\n
\n \n {this.props.success\n .offered_radiologies === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Radiology{\" \"}\n \n )}\n {this.props.success.offered_radiologies === false && (\n
\n \n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Radiology not yet entered!\");\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Radiology{\" \"}\n \n
\n )}\n\n \n {this.props.success\n .sample_collectors === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n {this.props.success\n .sample_collectors === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Sample Collectors not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n
\n \n {this.props.success.pathologists ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n {this.props.success.pathologists ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Pathologists not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n
\n \n {this.props.success\n .quality_certificates === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n {this.props.success\n .quality_certificates === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Quality Certificates not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n
\n \n {/* {this.props.success.offered_tests === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Tests\n \n )} */}\n {(this.props.success.offered_tests === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : this.props.success.offered_tests === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Tests\n \n ) : null}\n {this.props.success.offered_tests === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Tests have not been entered yet!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n Offered Tests\n \n )}\n
\n \n {this.props.success.offered_profiles ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Profiles{\" \"}\n \n )}\n {this.props.success.offered_profiles ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Profiles not yet entered!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n \n Offered Profiles{\" \"}\n \n )}\n
\n \n {this.props.success.offered_packages ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Packages\n \n )}\n {this.props.success.offered_packages ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Packages not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Packages{\" \"}\n \n )}\n
\n \n {this.props.success\n .offered_radiologies === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n \n Offered Radiology{\" \"}\n \n )}\n {this.props.success.offered_radiologies === false && (\n
\n \n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Radiology not yet entered!\");\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Offered Radiology{\" \"}\n \n
\n )}\n\n \n {this.props.success\n .sample_collectors === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n {this.props.success\n .sample_collectors === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Sample Collectors not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Sample-Collectors{\" \"}\n \n )}\n
\n \n {this.props.success.pathologists ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n {this.props.success.pathologists ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Pathologists not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Pathologists{\" \"}\n \n )}\n
\n \n {this.props.success\n .quality_certificates === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n {this.props.success\n .quality_certificates === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Quality Certificates not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"80%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {\" \"}\n Quality-Certificates{\" \"}\n \n )}\n
\n \n {!this.state.user_id && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" && this.props.patientProfile &&\n !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card && (\n\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" && \n this.props.patientProfile &&\n this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type === \"b2bclient\" && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n \n Locate to\n the Lab\n \n {/* {(this.props.success.complaint_handling_email ||\n this.props.success\n .complaint_handling_phone) && (\n
\n \n
\n )} */}\n {/* Help & Support
\n {this.props.success\n .complaint_handling_email && (\n\n \n {\n this.props.success\n .complaint_handling_email\n }\n
\n )}\n\n {this.props.success\n .complaint_handling_phone && (\n\n \n {\n this.props.success\n .complaint_handling_phone\n }\n
\n )}\n */}\n
\n \n {this.props.success.name}
\n {this.props.success ? (\n\n
\n ) : null}\n\n \n {this.props.success.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n\n
\n \n \n \n \n {this.props.success.address}\n
\n\n {\" \"}\n {this.props.success.city}\n
\n\n \n {this.props.success.landline}\n
\n\n \n {this.props.success.email}\n
\n\n \n We have {this.props.success.lab_experience}{\" \"}\n years of experience in the market\n
\n\n \n \n
\n\n \n
*/}\n \n {!this.state.user_id && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" && \n this.props.patientProfile &&\n !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card && (\n\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" && \n this.props.patientProfile &&\n this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n {this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type === \"b2bclient\" && (\n \n {\" \"}\n Continue Browsing{\" \"}\n \n )}\n \n \n Locate to\n the Lab\n \n {/* {(this.props.success.complaint_handling_email ||\n this.props.success\n .complaint_handling_phone) && (\n
\n \n
\n )} */}\n {/* Help & Support
\n {this.props.success\n .complaint_handling_email && (\n\n \n {\n this.props.success\n .complaint_handling_email\n }\n
\n )}\n\n {this.props.success\n .complaint_handling_phone && (\n\n \n {\n this.props.success\n .complaint_handling_phone\n }\n
\n )}\n */}\n
\n\n \n \n {/* {this.props.success.offered_tests === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n {/* */}\n {/* Offered Tests\n \n )} */}\n {(this.props.success.offered_tests === true && this.props.patientProfile && !this.props.patientProfile.corporate_id && !this.props.patientProfile.is_assosiatewith_anycorporate && !this.props.patientProfile.employee_id_card) ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* */}\n Offered Tests{\" \"}\n \n ) : this.props.success.offered_tests === true && this.props.patientProfile && this.props.patientProfile.corporate_id && this.props.patientProfile.is_assosiatewith_anycorporate && this.props.patientProfile.employee_id_card ? (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* */}\n Offered Tests{\" \"}\n \n ) : null}\n {this.props.success.offered_tests === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Tests have not been entered yet!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* */}\n Offered Tests{\" \"}\n \n )}\n
\n \n {this.props.success.offered_profiles ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-profile-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* */}\n Offered Profiles{\" \"}\n \n )}\n {this.props.success.offered_profiles ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Profiles not yet entered!\");\n\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n\n >\n {/* */}\n Offered Profiles{\" \"}\n \n )}\n
\n \n {this.props.success.offered_packages ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-package-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* */}\n Offered Packages\n \n )}\n {this.props.success.offered_packages ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Packages not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Offered Packages{\" \"}\n \n )}\n
\n \n {this.props.success\n .offered_radiologies === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/offered-radiology-by-lab/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* */}\n Offered Radiology{\" \"}\n \n )}\n {this.props.success.offered_radiologies === false && (\n
\n \n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Radiology not yet entered!\");\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Offered Radiology{\" \"}\n \n
\n )}\n\n \n {this.props.success\n .sample_collectors === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-sample-collectors/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Sample-Collectors{\" \"}\n \n )}\n {this.props.success\n .sample_collectors === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Sample Collectors not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Sample-Collectors{\" \"}\n \n )}\n
\n \n {this.props.success.pathologists ===\n true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-pathologists/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Pathologists{\" \"}\n \n )}\n {this.props.success.pathologists ===\n false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Pathologists not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Pathologists{\" \"}\n \n )}\n
\n \n {this.props.success\n .quality_certificates === true && (\n {\n // Add the logic you want to execute when the button is clicked\n // You can use the history object to navigate to a different route if needed\n this.props.history.push(\n this.props.match.params.uuid\n ? `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${this.props.match.params.lab_account_id}/lab-quality-certificates/${this.props.match.params.guest_id}`\n );\n }}\n // Add any other button styling or attributes as needed\n className=\"btn btn-primary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Quality-Certificates{\" \"}\n \n )}\n {this.props.success\n .quality_certificates === false && (\n {\n // Add the logic you want to execute when the button is clicked\n alert(\"Quality Certificates not yet entered!\");\n\n }}\n className=\"btn btn-secondary btn-md\"\n style={{ width: \"100%\", textAlign: \"left\" }} // Set inline style to ensure the same width\n >\n {/* {\" \"} */}\n Quality-Certificates{\" \"}\n \n )}\n
\n \n \n
\n \n {this.props.success.name}
\n {this.props.success ? (\n\n
\n ) : null}\n\n \n {this.props.success.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n\n
\n \n \n {this.props.success.address}\n
\n\n {\" \"}\n {this.props.success.city}\n
\n\n \n {this.props.success.landline}\n
\n\n \n {this.props.success.email}\n
\n\n \n We have {this.props.success.lab_experience}{\" \"}\n years of experience in the market\n
\n\n \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n\n ) :\n this.state.user_id && this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
- \n {this.props.match.params.filnalurl && this.state.user_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /*
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
\n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n \n {/* \n \n Filter \n \n \n */}\n\n \n \n \n \n \n \n \n \n \n\n {/* \n (this.formik = formik)}\n enableReinitialize={true}\n initialValues={{\n // search_type:\n // (this.state && this.state.search_type) ||\n // \"Current Location\",\n city: (this.state && this.state.city) || \"\",\n name: (this.state && this.state.name) ||\n \"\",\n location: (this.state && this.state.location) || \"\",\n }}\n validationSchema={Yup.object().shape({\n city: Yup.string().when(\"search_type\", {\n is: val => val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n ) : \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
}\n\n\n {/* ROW FOR ADVERTISEMENT */}\n {/* */}\n {!isEmpty(corporateLab) && (!this.state.user_id) && (this.state.user_id) &&\n corporateLab.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/${nearbyLab.account_id}/offered-test-by-lab-corporate/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/${nearbyLab.account_id}/offered-test-by-lab-corporate`\n )\n } style={{ height: \"95%\" }}\n >\n \n \n \n
\n \n\n \n
\n\n
\n\n Price
\n\n\n
\n
\n\n Discount
\n {discountData.map((discount, i) => (\n\n
\n ))}\n \n
\n Customer Rating
\n\n
\n \n {\n if (e.target.checked) {\n this.onChangeRating(4);\n } else {\n this.onUncheckMark(4);\n }\n }}\n />{\" \"}\n \n 4 & Above\n \n
\n \n {\n if (e.target.checked) {\n this.onChangeRating(3);\n } else {\n this.onUncheckMark(3);\n }\n }}\n />{\" \"}\n \n 3 & Above\n \n
\n \n {\n if (e.target.checked) {\n this.onChangeRating(2);\n } else {\n this.onUncheckMark(2);\n }\n }}\n />{\" \"}\n \n 2 & Above\n \n
\n \n {\n if (e.target.checked) {\n this.onSelectRating(1);\n } else {\n this.onUncheckMark(1);\n }\n }}\n />{\" \"}\n \n 1 \n \n
\n How to enable location access on your browser
\n\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n \n ))}\n {!isEmpty(corporateLab) && (this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type !== \"b2bclient\") &&\n corporateLab.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {/* \n \n {\" \"}\n {nearbyLab.phone}\n \n
*/}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {/* \n \n {\" \"}\n {nearbyLab.phone}\n \n
*/}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n\n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n
\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n {!nearbyLab.is_247_opened &&\n nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to {formatTime(nearbyLab.closing_time)}\n\n\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n {\" \"}\n Lab has female sample collectors\n \n
\n )}\n {nearbyLab.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Labs Found In Your Specific Area.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n \n My Appointments\n \n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n ) : this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id &&\n this.state.user_type === \"CSR\" &&\n this.state.user_type !== \"b2bclient\" ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {this.props.match.params.filnalurl &&\n this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n Nearby Labs | Lab Hazir - Dashboard \n \n \n \n {/* \n \n Filter \n \n \n */}\n\n \n \n \n \n \n \n \n \n \n\n {/* \n (this.formik = formik)}\n enableReinitialize={true}\n initialValues={{\n // search_type:\n // (this.state && this.state.search_type) ||\n // \"Current Location\",\n city: (this.state && this.state.city) || \"\",\n name: (this.state && this.state.name) || \"\",\n location: (this.state && this.state.location) || \"\",\n }}\n validationSchema={Yup.object().shape({\n city: Yup.string().when(\"search_type\", {\n is: val => val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n ) : (\n \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n )}\n\n {/* ROW FOR ADVERTISEMENT */}\n {/* */}\n {!isEmpty(nearbyLabs) &&\n !this.state.user_id &&\n this.props.match.params.guest_id &&\n nearbyLabs.map((nearbyLab, key) => (\n \n history.push(\n this.props.match.params.uuid\n ? `/nearby-lab-detail/${nearbyLab.account_id}/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/nearby-lab-detail/${nearbyLab.account_id}/${this.props.match.params.guest_id}`\n )\n }\n style={{ height: \"95%\" }}\n >\n \n \n \n
\n \n\n \n
\n\n
\n\n Price
\n\n\n
\n
\n\n Discount
\n {discountData.map((discount, i) => (\n\n
\n ))}\n \n
\n Customer Rating
\n\n
\n \n {\n if (e.target.checked) {\n this.onChangeRating(4);\n } else {\n this.onUncheckMark(4);\n }\n }}\n />{\" \"}\n \n 4 & Above\n \n
\n \n {\n if (e.target.checked) {\n this.onChangeRating(3);\n } else {\n this.onUncheckMark(3);\n }\n }}\n />{\" \"}\n \n 3 & Above\n \n
\n \n {\n if (e.target.checked) {\n this.onChangeRating(2);\n } else {\n this.onUncheckMark(2);\n }\n }}\n />{\" \"}\n \n 2 & Above\n \n
\n \n {\n if (e.target.checked) {\n this.onSelectRating(1);\n } else {\n this.onUncheckMark(1);\n }\n }}\n />{\" \"}\n \n 1 \n \n
\n \n How to enable location access on your browser\n
\n\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n \n \n {nearbyLab && nearbyLab.rating && (\n \n
\n \n \n \n ))}\n {!isEmpty(nearbyLabs) &&\n this.state.user_id &&\n this.state.user_type !== \"CSR\" &&\n this.state.user_type !== \"b2bclient\" &&\n nearbyLabs.map((nearbyLab, key) => (\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened && nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to{\" \"}\n {formatTime(nearbyLab.closing_time)}\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {/* \n \n {\" \"}\n {nearbyLab.phone}\n \n
*/}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
\n ) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n\n \n {nearbyLab.rating\n .toFixed(1)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n )}\n \n \n \n\n\n \n See Details\n {\" \"}\n \n \n
\n \n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n \n \n {nearbyLab && nearbyLab.rating && (\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened && nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to{\" \"}\n {formatTime(nearbyLab.closing_time)}\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n\n {/* \n \n {\" \"}\n {nearbyLab.email}\n \n
*/}\n\n {/* \n \n {\" \"}\n {nearbyLab.phone}\n \n
*/}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
\n ) : null}\n\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n \n {nearbyLab.rating\n .toFixed(1)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n )}\n \n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n \n \n {nearbyLab && nearbyLab.rating && (\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n\n {!nearbyLab.is_247_opened && nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to{\" \"}\n {formatTime(nearbyLab.closing_time)}\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
\n ) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n \n {nearbyLab.rating\n .toFixed(1)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n )}\n \n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n
*/}\n \n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n \n \n {nearbyLab && nearbyLab.rating && (\n \n
\n \n \n {nearbyLab.name}{\" \"}\n \n
\n\n {nearbyLab.opening_time &&\n nearbyLab.closing_time &&\n nearbyLab.is_247_opened && (\n \n \n {\" \"}\n Open for 24 Hours\n \n
\n )}\n\n \n \n \n {\" \"}\n {nearbyLab.address}\n \n \n
\n {!nearbyLab.is_247_opened && nearbyLab.opening_time && (\n \n \n {\" \"}\n {formatTime(nearbyLab.opening_time)} to{\" \"}\n {formatTime(nearbyLab.closing_time)}\n \n
\n )}\n {!nearbyLab.is_247_opened && nearbyLab.opening_day && (\n \n \n {\" \"}\n {nearbyLab.opening_day} to{\" \"}\n {nearbyLab.closing_day}\n \n
\n )}\n {nearbyLab.landline ? (\n \n \n {\" \"}\n {nearbyLab.landline}\n \n
\n ) : null}\n {nearbyLab.female_collectors == \"Yes\" && (\n \n \n Lab\n has female sample collectors\n \n
\n )}\n\n \n {nearbyLab.rating\n .toFixed(1)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n )}\n \n \n \n\n \n See Details\n {\" \"}\n \n
\n \n \n Please Wait.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n\n ) :\n this.state.user_id && this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
- \n {this.props.match.params.filnalurl && this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /*
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
\n \n Search by Tests | Lab Hazir - Dashboard \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n {/* \n \n Filter \n \n \n */}\n\n {/* \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n ) : \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
}\n\n {/* Alerts to show success and error messages when item is added to the cart */}\n {this.state.success ? (\n \n {this.state.success}\n \n ) : this.state.error ? (\n \n {this.state.error}\n \n ) : null}\n\n \n {!isEmpty(this.props.nearbyTests) &&\n this.props.nearbyTests.map((nearbyTest, key) => (\n \n \n cartItem.offered_test_id === nearbyTest.id) ? 'secondary' : 'primary'}\n className={`btn mt-3 me-1${this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyTest.id) ? ' disabled' : ''}`}\n // onClick={() => this.handleAddToCart(nearbyTest)}\n onClick={() => {\n // Check if nearbyTest.name is equal to any cartItem.name\n if (this.props.carts.some(cartItem => cartItem.test_name === nearbyTest.test_name)) {\n alert(\"An item with the same name but from a different lab is already in the cart. Please remove the previous one first.\");\n } else {\n // If not, proceed with adding to the cart\n this.handleAddToCart(nearbyTest);\n }\n }}\n disabled={this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyTest.id)}\n>\n {this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyTest.id) ? 'Already Added' : 'Add to cart'}\n\n\n {/* this.handleAddToCart(nearbyTest)}\n disabled={this.state.itemsInCart.includes(this.props.carts)} // Disable the button if the item is in the cart\n>\n {this.state.itemsInCart.includes(this.props.carts) ? 'Already Added' : 'Add to cart'}\n */}\n\n
\n \n \n \n ))}\n {isEmpty(this.props.nearbyTests) && (\n loading ? (\n How to enable location access on your browser
\n\n \n
\n \n this.openDescriptionModal(e, nearbyTest)\n }\n >\n Test Description\n \n {/*
*/}\n {(nearbyTest.lab_discount >= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) >= 0.01) && (\n \n \n {nearbyTest.test_name} \n \n
\n \n \n {/* {\" \"} */}\n Rs {nearbyTest.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price - (nearbyTest.lab_discount + nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) * nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyTest.lab_discount >= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyTest.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price - (nearbyTest.lab_discount + nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) * nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {(nearbyTest.lab_discount <= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyTest.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price - (nearbyTest.lab_discount + nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) * nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyTest.lab_discount <= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n\n {nearbyTest.lab_discount >= 0.01 && (\n \n \n {\" \"}\n Discount Lab: {(nearbyTest.lab_discount * 100).toFixed()} %\n \n\n
\n )}\n {(nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) >= 0.01 && (\n \n \n {\" \"}\n Discount LabHazir: {((nearbyTest.all_discount_by_labhazir * 100) + (nearbyTest.discount_by_labhazir * 100)).toFixed()} %\n \n\n
\n )}\n {nearbyTest.duration_required ? (\n \n \n Reporting\n Time: {nearbyTest.duration_required}{\" \"}\n {nearbyTest.duration_type}\n \n
) : null }\n {nearbyTest.is_home_sampling_available ? (\n\n \n \n Home Sampling:{\" \"}\n {nearbyTest.is_home_sampling_available}\n \n
) : null }\n \n {\" \"}\n\n \n
\n
\n {nearbyTest.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n {\" \"}\n {!this.state.user_id ? (\n \n \n {nearbyTest.lab_name}{\" \"}\n\n \n \n ) : null}\n {(this.state.user_id) && (this.state.user_type === \"CSR\") && (this.state.user_type !== \"b2bclient\") && (\n \n \n {nearbyTest.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type !== \"b2bclient\") && (\n \n \n {nearbyTest.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !== \"CSR\") && (this.state.user_type === \"b2bclient\") && (\n \n \n {nearbyTest.lab_name}{\" \"}\n\n \n \n )}\n
\n \n Please Wait.....\n
\n \n \n Sorry, No Tests Found In Your Specific Area.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n\n ) \n : this.state.user_id && this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
- \n {this.props.match.params.filnalurl ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /*
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
\n \n Search by Tests | Lab Hazir - Dashboard \n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* \n \n Filter \n \n \n */}\n\n {/* \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n {/* Type field */}\n \n
\n \n )}\n \n
\n\n {/* Alerts to show success and error messages when item is added to the cart */}\n {this.state.success ? (\n \n {this.state.success}\n \n ) : this.state.error ? (\n \n {this.state.error}\n \n ) : null}\n\n \n {!isEmpty(this.props.nearbyTests) &&\n this.props.nearbyTests.map((nearbyTest, key) => (\n \n \n {/* \n X\n \n );\n };\n const isSmallScreen = window.innerWidth < 490;\n\n const isTestsLinkHighlighted = this.shouldHighlightTestsLink();\n\n const linkStyles = {\n color: isTestsLinkHighlighted ? 'black' : 'black', // Text color\n // backgroundColor: isTestsLinkHighlighted ? '#ffcc00' : 'transparent', // Background color\n fontWeight: isTestsLinkHighlighted ? 'bold' : 'normal',\n };\n\n const totalPage = !isEmpty(this.props.nearbyProfiles) ? this.calculateTotalPage(this.props.nearbyProfiles) : 1;\n console.log(\"total pahe number\", totalPage)\n const { loading } = this.state;\n const isLargeScreen = window.innerWidth < 490;\n\n const { page} = this.state;\n const { Profiles } = this.props;\n\n // const profileList = [];\n // for (let i = 0; i < this.props.Profiles.length; i++) {\n // profileList.push({\n // label: this.props.Profiles[i].name,\n // value: this.props.Profiles[i].id,\n // });\n // }\n // const profileList = this.props.Profiles.map((profile) => ({\n // label: profile.name,\n // value: profile.name, // Use the profile ID as the value\n // }));\n const labNames = [];\n for (let i = 0; i < this.props.labNamesList.length; i++) {\n labNames.push({\n label: this.props.labNamesList[i].name,\n value: this.props.labNamesList[i].name,\n });\n }\n const closeModal = () => {\n this.setState({ PatientModal: false });\n this.setState({ AddressModal: false });\n\n };\n const profileList = [];\n for (let i = 0; i < this.props.Profiles.length; i++) {\n profileList.push({\n label: this.props.Profiles[i].name,\n value: this.props.Profiles[i].name,\n });\n }\n\n const cityList = [];\n for (let i = 0; i < this.props.territoriesList.length; i++) {\n cityList.push({\n label: this.props.territoriesList[i].city,\n value: this.props.territoriesList[i].city,\n });\n }\n \n return (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n \n \n Search By Test Name\n \n
\n \n {/* \n \n this.setState({\n test_name: e.target.value,\n })\n }\n onBlur={this.handleBlur}\n value={this.state.test_name}\n />\n
\n \n \n Search Types\n \n this.onChangeSearchType(e)}\n value={this.state.search_type}\n className=\"form-select\"\n >\n \n \n \n \n
\n \n \n \n Search By Labs Type\n \n this.onChangeType(e)}\n value={this.state.LabType}\n className=\"form-select\"\n >\n \n \n \n \n
\n \n {this.state.search_type === \"Current Location\" && (\n \n Search By Kilometers\n
\n )}\n {this.state.search_type === \"Custom Address\" && (\n \n this.onChangeKm(e)}\n id=\"pac-input\"\n type=\"text\"\n className=\"form-control\"\n style={{ fontSize: '14px' }} // Set input font size to 14 pixels\n placeholder=\"Search By Km...\"\n\n />\n
\n \n Search By Kilometers\n
\n )}\n {this.state.search_type === \"City\" && (\n \n this.onChangeKm(e)}\n id=\"pac-input\"\n type=\"text\"\n className=\"form-control\"\n style={{ fontSize: '14px' }} // Set input font size to 14 pixels\n placeholder=\"Search By Km...\"\n\n />\n
\n \n \n Search By City\n \n
\n )}\n {this.state.search_type === \"Custom Address\" && (\n \n \n Search By Custom Address\n \n this.onChangeAddress(e)}\n id=\"pac-input\"\n type=\"text\"\n className=\"form-control\"\n placeholder=\"Search Location...\"\n />\n
\n )} */}\n \n
*/}\n\n \n \n
\n {/* \n
\n ) : (\n \n
\n )\n )}\n \n {!isEmpty(this.props.nearbyTests) ? (\n \n \n \n this.onChangepage(e, page - 1)}\n />\n \n {Array.from({ length: totalPage }, (_, i) => {\n const pageNumber = i + 1;\n return (\n \n this.onChangepage(e, pageNumber)} href=\"#\">\n {pageNumber}\n \n \n );\n })}\n \n this.onChangepage(e, page + 1)}\n />\n \n \n \n
\n ) : null}\n
\n \n );\n }\n}\n\nNearbyTests.propTypes = {\n history: any,\n location: any,\n match: PropTypes.object,\n nearbyTests: PropTypes.array,\n advertisementLives: PropTypes.array,\n onGetAdvertisementLives: PropTypes.func,\n onGetNearbyTestsDiscounted: PropTypes.func,\n onAddToCart: PropTypes.func,\n success: PropTypes.any,\n error: PropTypes.any,\n className: PropTypes.any,\n TestMarket: PropTypes.any,\n menuOpen: PropTypes.any,\n t: PropTypes.any,\n onGetTerritoriesList: PropTypes.func,\n territoriesList: PropTypes.array,\n carts: PropTypes.any,\n onGetCarts: PropTypes.func,\n};\n\nconst mapStateToProps = ({ TestMarket, carts, advertisementLives }) => ({\n nearbyTests: TestMarket.nearbyTests,\n success: carts.success,\n error: carts.error,\n advertisementLives: advertisementLives.advertisementLives,\n territoriesList: TestMarket.territoriesList,\n carts: carts.carts,\n\n});\n// const mapStateToProps = ({ nearbyTests }) => ({\n// nearbyTests: nearbyTests.nearbyTests,\n// });\n\nconst mapDispatchToProps = (dispatch, ownProps) => ({\n onGetNearbyTestsDiscounted: data => dispatch(getNearbyTestsDiscounted(data)),\n onAddToCart: (cart, id) => dispatch(addToCart(cart, id)),\n onGetAdvertisementLives: id => dispatch(getAdvertisementLives(id)),\n onGetTerritoriesList: id => dispatch(getTerritoriesList(id)),\n onGetCarts: id => dispatch(getCarts(id)),\n\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(NearbyTests));","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Select, { components } from 'react-select';\nimport { Formik, Field, Form } from \"formik\";\nimport { Collapse } from \"reactstrap\";\nimport * as Yup from \"yup\";\nimport MetaTags from \"react-meta-tags\";\nimport { connect } from \"react-redux\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\n\nimport {\n Alert,\n Button,\n Card,\n CardBody,\n CardTitle,\n Col,\n Modal,\n ModalHeader,\n ModalBody,\n Container,\n Input,\n Label,\n Pagination,\n PaginationItem,\n PaginationLink,\n Row,\n} from \"reactstrap\";\n\nimport { isEmpty, map, size } from \"lodash\";\n\n//Import Star Ratings\nimport StarRatings from \"react-star-ratings\";\n\n// RangeSlider\nimport Nouislider from \"nouislider-react\";\nimport \"nouislider/distribute/nouislider.css\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"components/Common/Breadcrumb\";\nimport ScrollButton from \"components/Common/Scrollbutton\";\n\n//Import data\nimport { productsData } from \"common/data\";\n\n//Import actions\nimport { getNearbyProfiles, getProfiles } from \"store/profilemarket/actions\";\nimport { addToCart } from \"store/actions\";\nimport { any } from \"prop-types\";\nimport \"./nearbylabs.scss\";\n\nimport { CITIES } from \"helpers/global_variables_helper\";\nimport { getTerritoriesList } from \"store/territories-list/actions\";\nimport { getLabNamesList } from \"store/lab-names/actions\";\nimport { getCarts } from \"store/carts/actions\";\n\n\nclass NearbyProfiles extends Component {\n constructor(props) {\n super(props);\n this.state = { value: \"\" };\n this.state = {\n user_id: localStorage.getItem(\"authUser\")\n ? JSON.parse(localStorage.getItem(\"authUser\")).user_id\n : \"\",\n user_type: localStorage.getItem(\"authUser\")\n ? JSON.parse(localStorage.getItem(\"authUser\")).account_type\n : \"\",\n ratingvalues: [],\n Profiles: [],\n nearbyProfiles: [],\n territoriesList: [],\n labNamesList: [],\n carts: [],\n name: \"\",\n activeTab: \"1\",\n address: \"\",\n test_name: \"\",\n test_type: \"\",\n search_type: \"\",\n city: \"\",\n latitude: \"\",\n longitude: \"\",\n currentLatitude: \"\",\n currentLongitude: \"\",\n location: \"\",\n km: \"30\",\n page: \"1\",\n LabType: \"\",\n locationAccessAllowed: \"\",\n success: \"\",\n error: \"\",\n discountData: [],\n itemsInCart: [],\n loading: true, // Add loading state property\n filters: {\n discount: [],\n price: { min: 0, max: 500 },\n },\n page: 1,\n };\n this.toggleTab = this.toggleTab.bind(this);\n this.onSelectRating = this.onSelectRating.bind(this);\n this.togglePatientModal = this.togglePatientModal.bind(this);\n console.log(\"yaha ani chahi hai uuid\", this.props.match.params.uuid)\n console.log(\"yaha ani chahi hai guid\", this.props.match.params.guest_id)\n console.log(this.state.user_type)\n }\n\n componentDidMount() {\n const { carts, onGetCarts } = this.props;\n onGetCarts(this.state.user_id);\n this.setState({\n carts\n });\n console.log(\"this.props.carts:\", this.props.carts);\n console.log(\"Color:\", (this.state.itemsInCart.some(item => item.id === this.props.carts.offered_test_id) ? 'secondary' : 'primary'));\n console.log(\"offered_test_id:\", this.props.carts.offered_test_id);\n const {\n onGetNearbyProfiles,\n } = this.props;\n const { territoriesList, onGetTerritoriesList } = this.props;\n if (territoriesList && !territoriesList.length) {\n console.log(onGetTerritoriesList(this.state.user_id));\n }\n const { labNamesList, onGetLabNamesList } = this.props;\n\n if (labNamesList && !labNamesList.length) {\n console.log(onGetLabNamesList(this.state.user_id));\n }\n const { Profiles, onGetProfiles } = this.props;\n\n if (Profiles && !Profiles.length) {\n console.log(onGetProfiles(this.state.user_id));\n }\n // let matchingMenuItem = null;\n // const ul = document.getElementById(\"navigation\");\n // const items = ul.getElementsByTagName(\"a\");\n // for (let i = 0; i < items.length; ++i) {\n // if (this.props.location.pathname === items[i].pathname) {\n // matchingMenuItem = items[i];\n // break;\n // }\n // }\n // if (matchingMenuItem) {\n // this.activateParentDropdown(matchingMenuItem);\n // } \n let latitude;\n let longitude;\n \n const url = window.location.href;\n const queryString = url.substring(url.indexOf('&') + 1);\n const params = new URLSearchParams(queryString);\n console.log(\"print params in app\", url, queryString, params)\n \n const latitudeFromUrl = params.get('lat');\n const longitudeFromUrl = params.get('lon');\n \n console.log('Latitude:', latitudeFromUrl);\n console.log('Longitude:', longitudeFromUrl);\n \n // Check if latitude and longitude values are present in URL parameters\n if (latitudeFromUrl && longitudeFromUrl) {\n // Use latitude and longitude from URL\n latitude = parseFloat(latitudeFromUrl);\n longitude = parseFloat(longitudeFromUrl);\n console.log(\"print lat log in app\", latitude, longitude);\n \n // Call the dependent code here or pass the latitude and longitude values as arguments\n this.handleLocationUpdate(latitude, longitude);\n } else {\n if (navigator.geolocation) {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n test_name: this.state.test_name,\n page: this.state.page,\n };\n \n // Call onGetNearbyLabs before prompting for geolocation\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n navigator.geolocation.getCurrentPosition((position) => {\n latitude = position.coords.latitude;\n longitude = position.coords.longitude;\n console.log(\"web\", latitude, longitude);\n\n this.setState({ currentLatitude: latitude });\n this.setState({ currentLongitude: longitude });\n this.setState({ locationAccessAllowed: true });\n this.setState({ search_type: \"Current Location\" });\n this.setState({ LabType: \"Main\" });\n // near by labs\n if ((this.state.user_id || this.state.user_type === \"CSR\")) {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n console.log(window.location.href);\n if (latitude && longitude) {\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n\n // near by labs\n if (this.state.user_id || this.state.user_type === \"b2bclient\") {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n if (latitude && longitude) {\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n\n if ((!this.state.user_id) || this.props.match.params.guest_id) {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n console.log(window.location.href);\n if (latitude && longitude) {\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n if (this.state.user_id) {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n locationAccessAllowed: this.state.locationAccessAllowed,\n name: this.state.name,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n if (latitude && longitude) {\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n }, () => {\n // Location access denied by the user\n // console.log(\"Location access denied by the user.\");\n // this.setState({ locationAccessAllowed: false });\n // const denialMessage = \"For accurate results, please allow location access.\";\n // alert(denialMessage); // You can use an alert, or create a message element in your UI.\n // // Handle the denial here. You can display a message, set default values, or perform other actions as needed.\n\n // Example:\n this.setState({ latitude: null, longitude: null });\n // near by labs\n if ((this.state.user_id || this.state.user_type === \"CSR\") && this.props.match.params.guest_id) {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n console.log(window.location.href);\n if (latitude && longitude) {\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n\n // near by labs\n if (this.state.user_id || this.state.user_type === \"b2bclient\") {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n locationAccessAllowed: this.state.locationAccessAllowed,\n name: this.state.name,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n if (latitude && longitude) {\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n\n if ((!this.state.user_id) && this.props.match.params.guest_id) {\n\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n test_name: this.state.test_name,\n page: this.state.page,\n\n };\n console.log(window.location.href);\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n if (this.state.user_id) {\n const nearbyTestsLocationDetails = {\n latitude,\n longitude,\n search_type: this.state.search_type,\n test_name: this.state.test_name,\n address: this.state.address,\n city: this.state.city,\n km: this.state.km,\n LabType: this.state.LabType,\n locationAccessAllowed: this.state.locationAccessAllowed,\n name: this.state.name,\n page: this.state.page,\n\n };\n onGetNearbyProfiles(nearbyTestsLocationDetails);\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 500);\n }\n }\n );\n } else {\n // Geolocation is not supported by the browser\n console.log(\"Geolocation is not supported by the browser.\");\n // Handle this scenario as needed, e.g., display an error message or provide alternative functionality.\n }\n }\n setTimeout(() => {\n this.setState({ loading: false });\n }, 7000); // Set loading state to false after 7 seconds\n }\n\n handleLocationUpdate(latitude, longitude) {\n const { Profiles, onGetProfiles } = this.props;\n if (Profiles && !Profiles.length) {\n console.log(onGetProfiles(this.state.user_id));\n }\n const { onGetNearbyProfiles } = this.props;\n\n setTimeout(() => {\n this.setState({ currentLatitude: latitude });\n this.setState({ currentLongitude: longitude });\n\n var data = {\n latitude: this.state.currentLatitude,\n longitude: this.state.currentLongitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n page: this.state.page,\n test_name: this.state.test_name,\n km: this.state.km,\n LabType: this.state.LabType,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n\n };\n\n if (this.state.currentLatitude && this.state.currentLongitude) {\n onGetNearbyProfiles(data);\n\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n }\n }, 1000);\n }\n\n openDescriptionModal = (e, arg) => {\n this.setState({\n DescriptionModal: true,\n description_in_english: arg.description_in_english,\n description_in_urdu: arg.description_in_urdu,\n });\n };\n togglePatientModal = () => {\n this.setState(prevState => ({\n PatientModal: !prevState.PatientModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n\n toggleDescriptionModal = () => {\n this.setState(prevState => ({\n DescriptionModal: !prevState.DescriptionModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n // eslint-disable-next-line no-unused-vars\n componentDidUpdate(prevProps, prevState, snapshot) {\n const { nearbyProfiles } = this.props;\n if (\n isEmpty(prevProps.nearbyProfiles) &&\n !isEmpty(nearbyProfiles) &&\n size(nearbyProfiles) !== size(prevProps.nearbyProfiles)\n ) {\n this.setState({ nearbyProfiles });\n }\n }\n toggleTab(tab) {\n if (this.state.activeTab !== tab) {\n this.setState({\n activeTab: tab,\n });\n }\n }\n // activateParentDropdown = item => {\n // item.classList.add(\"active\");\n // const parent = item.parentElement;\n // if (parent) {\n // parent.classList.add(\"active\"); // li\n // const parent2 = parent.parentElement;\n // parent2.classList.add(\"active\"); // li\n // const parent3 = parent2.parentElement;\n // if (parent3) {\n // parent3.classList.add(\"active\"); // li\n // const parent4 = parent3.parentElement;\n // if (parent4) {\n // parent4.classList.add(\"active\"); // li\n // const parent5 = parent4.parentElement;\n // if (parent5) {\n // parent5.classList.add(\"active\"); // li\n // const parent6 = parent5.parentElement;\n // if (parent6) {\n // parent6.classList.add(\"active\"); // li\n // }\n // }\n // }\n // }\n // }\n // return false;\n // };\n onSelectDiscount = e => {\n const { value, checked } = e.target;\n const {\n filters,\n filters: { discount },\n } = this.state;\n this.setState(\n {\n filters: {\n ...filters,\n discount: discount.find(item => item === value)\n ? discount.filter(item => item !== value)\n : [...discount, value],\n },\n },\n () => {\n this.onFilterProducts(value, checked);\n }\n );\n };\n\n onFilterProducts = (value, checked) => {\n const {\n filters: { discount },\n } = this.state;\n let filteredProducts = productsData;\n if (!!checked && parseInt(value) === 0) {\n filteredProducts = productsData.filter(\n nearbyProfile => nearbyProfile.offer < 10\n );\n } else if (discount.length > 0) {\n filteredProducts = productsData.filter(\n nearbyProfile => nearbyProfile.offer >= Math.min(...discount)\n );\n }\n this.setState({ nearbyProfiles: filteredProducts });\n };\n\n onUpdate = (render, handle, value) => {\n this.setState({\n nearbyProfiles: productsData.filter(\n nearbyProfile =>\n nearbyProfile.newPrice >= value[0] &&\n nearbyProfile.newPrice <= value[1]\n ),\n });\n };\n\n /*\n on change rating checkbox method\n */\n onChangeRating = value => {\n this.setState({\n nearbyProfiles: productsData.filter(\n nearbyProfile => nearbyProfile.rating >= value\n ),\n });\n\n var modifiedRating = [...this.state.ratingvalues];\n modifiedRating.push(value);\n this.setState({ ratingvalues: modifiedRating });\n };\n\n onSelectRating = value => {\n this.setState({\n nearbyProfiles: productsData.filter(\n nearbyProfile => nearbyProfile.rating === value\n ),\n });\n };\n openPatientModal = (e, arg) => {\n this.setState({\n PatientModal: true,\n test_details: arg.test_details,\n });\n };\n\n togglePatientModal = () => {\n this.setState(prevState => ({\n PatientModal: !prevState.PatientModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n onUncheckMark = value => {\n var modifiedRating = [...this.state.ratingvalues];\n const modifiedData = (modifiedRating || []).filter(x => x !== value);\n /*\n find min values\n */\n var filteredProducts = productsData;\n if (modifiedData && modifiedData.length && value !== 1) {\n var minValue = Math.min(...modifiedData);\n if (minValue && minValue !== Infinity) {\n filteredProducts = productsData.filter(\n nearbyProfile => nearbyProfile.rating >= minValue\n );\n\n this.setState({ ratingvalues: modifiedData });\n }\n } else {\n filteredProducts = productsData;\n }\n this.setState({ nearbyProfiles: filteredProducts });\n };\n\n handlePageClick = page => {\n this.setState({ page });\n };\n onChangeLabName = (selectedGroup) => {\n if (!selectedGroup) {\n this.setState({ name: '' });\n } else {\n this.setState({ name: selectedGroup.value });\n }\n \n // Call nearby labs API only if the search type changes to current location\n\n const { onGetNearbyProfiles } = this.props;\n\n var latitude;\n var longitude;\n\n if (this.state.search_type == \"Current Location\") {\n latitude = this.state.currentLatitude;\n longitude = this.state.currentLongitude;\n } else {\n latitude = \"\";\n longitude = \"\";\n }\n\n if (this)\n var data = {\n latitude: latitude,\n longitude: longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n name: selectedGroup ? selectedGroup.value : '', // Ensure selectedGroup is not null\n test_name: this.state.test_name,\n LabType: this.state.LabType,\n km: this.state.km,\n page: this.state.page,\n locationAccessAllowed: this.state.locationAccessAllowed,\n };\n\n onGetNearbyProfiles(data);\n \n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n };\n\n\n onchangename = (selectedGroup) => {\n if (!selectedGroup) {\n this.setState({ test_name: '' }, () => {\n // Calling API when focus is out of test name and setting nearby tests array\n const { onGetNearbyProfiles } = this.props;\n var latitude;\n var longitude;\n \n if (this.state.search_type === \"Current Location\") {\n latitude = this.state.currentLatitude;\n longitude = this.state.currentLongitude;\n } else {\n latitude = \"\";\n longitude = \"\";\n }\n \n var data = {\n latitude: latitude,\n longitude: longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n page: this.state.page,\n test_name: selectedGroup ? selectedGroup.value : '', // Ensure selectedGroup is not null\n LabType: this.state.LabType,\n km: this.state.km,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n };\n \n onGetNearbyProfiles(data);\n \n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n });\n } else {\n this.setState({ test_name: selectedGroup.value }, () => {\n // Calling API when focus is out of test name and setting nearby tests array\n const { onGetNearbyProfiles } = this.props;\n var latitude;\n var longitude;\n \n if (this.state.search_type === \"Current Location\") {\n latitude = this.state.currentLatitude;\n longitude = this.state.currentLongitude;\n } else {\n latitude = \"\";\n longitude = \"\";\n }\n \n var data = {\n latitude: latitude,\n longitude: longitude,\n search_type: this.state.search_type,\n address: this.state.address,\n city: this.state.city,\n page: this.state.page,\n test_name: selectedGroup ? selectedGroup.value : '', // Ensure selectedGroup is not null\n LabType: this.state.LabType,\n km: this.state.km,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n };\n \n onGetNearbyProfiles(data);\n \n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n });\n }\n };\n \n \n onChangeKm = e => {\n this.setState({ km: e.target.value });\n\n // Call nearby labs API only if the search type changes to current location\n\n const { onGetNearbyProfiles } = this.props;\n // const { onGetAdvLive } = this.props;\n // const { onGetRegionWiseAdvertisement } = this.props;\n\n var data = {\n latitude: this.state.currentLatitude,\n longitude: this.state.currentLongitude,\n search_type: this.state.search_type,\n km: e.target.value,\n page: this.state.page,\n LabType: this.state.LabType,\n address: this.state.address,\n city: this.state.city,\n test_name: this.state.test_name,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n\n };\n // region wise advertisement\n onGetNearbyProfiles(data);\n // onGetAdvLive(locationDetails);\n // onGetRegionWiseAdvertisement(locationDetails);\n\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n };\n onChangepage = async (e, pageNumber) => {\n e.preventDefault();\n this.setState({ page: pageNumber }); // Update the page in the state\n // Call nearby labs API only if the search type changes to current location\n\n const { onGetNearbyProfiles } = this.props;\n // const { onGetAdvLive } = this.props;\n // const { onGetRegionWiseAdvertisement } = this.props;\n\n var data = {\n latitude: this.state.currentLatitude,\n longitude: this.state.currentLongitude,\n search_type: this.state.search_type,\n page: pageNumber, // Use the updated page number\n km: this.state.km,\n LabType: this.state.LabType,\n address: this.state.address,\n city: this.state.city,\n test_name: this.state.test_name,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n\n };\n // region wise advertisement\n onGetNearbyProfiles(data);\n // onGetAdvLive(locationDetails);\n // onGetRegionWiseAdvertisement(locationDetails);\n\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n };\n\n onChangeType = e => {\n this.setState({ LabType: e.target.value });\n\n // Call nearby labs API only if the search type changes to current location\n\n const { onGetNearbyProfiles } = this.props;\n // const { onGetAdvLive } = this.props;\n // const { onGetRegionWiseAdvertisement } = this.props;\n\n var data = {\n latitude: this.state.currentLatitude,\n longitude: this.state.currentLongitude,\n search_type: this.state.search_type,\n LabType: e.target.value,\n km: this.state.km,\n page: this.state.page,\n address: this.state.address,\n city: this.state.city,\n test_name: this.state.test_name,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n\n };\n // region wise advertisement\n onGetNearbyProfiles(data);\n // onGetAdvLive(locationDetails);\n // onGetRegionWiseAdvertisement(locationDetails);\n\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n };\n\n\n onChangeAddress = e => {\n // Apply that city's latitude and longitude as city bound so that we see addresses of that city only\n var cityBounds = new google.maps.LatLngBounds(\n new google.maps.LatLng(this.state.latitude, this.state.longitude)\n );\n\n const options = {\n bounds: cityBounds,\n types: [\"establishment\"],\n componentRestrictions: { country: \"pk\" },\n };\n\n var searchBox = new window.google.maps.places.SearchBox(e.target, options);\n\n searchBox.addListener(\"places_changed\", () => {\n this.setState({ address: e.target.value });\n\n // Calling API whenever address changes and setting nearby tests array\n setTimeout(() => {\n const { onGetNearbyProfiles } = this.props;\n\n var data = {\n latitude: \"\",\n longitude: \"\",\n search_type: this.state.search_type,\n address: e.target.value,\n city: this.state.city,\n test_name: this.state.test_name,\n LabType: this.state.LabType,\n km: this.state.km,\n page: this.state.page,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n\n };\n\n onGetNearbyProfiles(data);\n\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n }, 1000);\n });\n };\n\n onChangeSearchType = async e => {\n this.setState({ search_type: e.target.value });\n \n // Call nearby tests API only if the search type changes to current location\n if (e.target.value === \"Current Location\") {\n this.setState({ city: \"\" });\n this.setState({ address: \"\" });\n \n // Check if the geolocation API is supported\n if (\"geolocation\" in navigator) {\n try {\n const locationPermission = await navigator.permissions.query({ name: 'geolocation' });\n \n if (locationPermission.state === 'denied' && !this.state.locationAccessAllowed) {\n // Location access is denied\n // Show the PatientModal only when the user explicitly clicks on \"Current Location\"\n this.setState({ PatientModal: true });\n } else {\n // Location access is prompted, ask the user for permission\n const position = await new Promise((resolve, reject) => {\n navigator.geolocation.getCurrentPosition(resolve, reject);\n });\n \n var data = {\n latitude: position.coords.latitude,\n longitude: position.coords.longitude,\n search_type: e.target.value,\n address: this.state.address,\n city: this.state.city,\n test_name: this.state.test_name,\n LabType: this.state.LabType,\n km: this.state.km,\n page: this.state.page,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n };\n \n const { onGetNearbyProfiles } = this.props;\n onGetNearbyProfiles(data);\n \n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles, locationAccessAllowed: true });\n }, 1000);\n }\n } catch (error) {\n console.error('Error checking location permission:', error);\n }\n } else {\n // Geolocation API is not supported, show an error message\n this.setState({ PatientModal: true }); // Show the modal for error\n }\n }\n };\n \n\n onChangeCity = selectedGroup => {\n this.setState({ city: selectedGroup.value });\n\n const { onGetNearbyProfiles } = this.props;\n\n // ------------- Call API on city name START -------------\n var data = {\n latitude: \"\",\n longitude: \"\",\n search_type: this.state.search_type,\n address: this.state.address,\n city: selectedGroup.value,\n test_name: this.state.test_name,\n LabType: this.state.LabType,\n km: this.state.km,\n page: this.state.page,\n name: this.state.name,\n locationAccessAllowed: this.state.locationAccessAllowed,\n\n\n };\n\n onGetNearbyProfiles(data);\n\n setTimeout(() => {\n this.setState({ nearbyProfiles: this.props.nearbyProfiles });\n }, 1000);\n\n // ------------- Call API on city name END -------------\n\n var latitude = \"\";\n var longitude = \"\";\n\n setTimeout(() => {\n var geocoder = new google.maps.Geocoder();\n\n // Concatenate city selected with Pakistan, so that it can be set as proper address\n var address = selectedGroup.value + \", Pakistan\";\n\n // Using geocoder search address and get its latitude and longitude\n geocoder.geocode({ address: address }, function (results, status) {\n if (status == google.maps.GeocoderStatus.OK) {\n latitude = results[0].geometry.location.lat();\n longitude = results[0].geometry.location.lng();\n }\n });\n\n // Set the values of simple variables to the state variables of latitude and longitude\n // so that it can be used outside of this function\n setTimeout(() => {\n this.setState({ latitude: latitude });\n this.setState({ longitude: longitude });\n }, 1000);\n }, 1000);\n };\n\n handleAddToCart = (cart) => {\n const { onAddToCart } = this.props;\n \n // Check if the item is already in the cart based on user type\n if (!this.state.user_id) {\n // Check if the item is already in the cart\n if (cart.guest_id === this.props.match.params.guest_id) {\n this.showErrorMessage(\"Item is already added to the cart\");\n return;\n }\n \n this.setState({ guest_id: this.props.match.params.guest_id });\n cart.guest_id = this.props.match.params.guest_id;\n onAddToCart(cart, cart.guest_id);\n \n console.log(\"uuid:\", cart.guest_id, this.props.match.params.guest_id);\n } else if (this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\") {\n // Check if the item is already in the cart\n if (cart.user_id === this.state.user_id) {\n this.showErrorMessage(\"Item is already added to the cart\");\n return;\n }\n \n onAddToCart(cart, this.state.user_id);\n } else if (this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\") {\n // Check if the item is already in the cart\n if (cart.guest_id === this.props.match.params.guest_id) {\n this.showErrorMessage(\"Item is already added to the cart\");\n return;\n }\n \n onAddToCart(cart, this.props.match.params.guest_id);\n } else if (this.state.user_type === \"b2bclient\" && this.state.user_type !== \"CSR\") {\n // Check if the item is already in the cart\n if (cart.user_id === this.state.user_id) {\n this.showErrorMessage(\"Item is already added to the cart\");\n return;\n }\n \n onAddToCart(cart, this.props.match.params.uuid);\n }\n \n // Update the state to include the newly added item in the cart\n const updatedItemsInCart = [...this.state.itemsInCart, cart];\n this.setState({ itemsInCart: updatedItemsInCart });\n\n \n this.showSuccessMessage(\"Item added Successfully\");\n };\n \n showErrorMessage = (message) => {\n this.showPopup(message, \"red\");\n };\n \n showSuccessMessage = (message) => {\n this.showPopup(message, \"green\");\n };\n \n showPopup = (message, textColor) => {\n // Create and style the popup\n const popup = document.createElement(\"div\");\n popup.style.display = \"none\";\n popup.style.position = \"fixed\";\n popup.style.top = \"0\";\n popup.style.left = \"0\";\n popup.style.width = \"100%\";\n popup.style.height = \"100%\";\n popup.style.background = \"rgba(0, 0, 0, 0.5)\";\n popup.style.zIndex = \"1000\";\n \n const popupContent = document.createElement(\"div\");\n popupContent.style.position = \"absolute\";\n popupContent.style.top = \"50%\";\n popupContent.style.left = \"50%\";\n popupContent.style.transform = \"translate(-50%, -50%)\";\n popupContent.style.background = \"#fff\";\n popupContent.style.padding = \"20px\";\n popupContent.style.borderRadius = \"5px\";\n popupContent.style.boxShadow = \"0 0 10px rgba(0, 0, 0, 0.3)\";\n \n const messageElement = document.createElement(\"div\");\n messageElement.style.fontSize = \"18px\";\n messageElement.style.textAlign = \"center\";\n messageElement.style.color = textColor; // Set the text color\n \n // Set the message\n messageElement.textContent = message;\n \n // Append elements to the DOM\n popupContent.appendChild(messageElement);\n popup.appendChild(popupContent);\n document.body.appendChild(popup);\n \n // Show the popup\n popup.style.display = \"block\";\n \n // Hide the popup after a certain duration (e.g., 3 seconds)\n setTimeout(() => {\n popup.style.display = \"none\";\n }, 1000); // 3000 milliseconds = 3 seconds\n };\n \n calculateTotalPage = (items) => {\n const itemsPerPage = Math.min(5, items.length); // Number of items to display per page, up to a maximum of 50\n const totalItems = items.length;\n console.log(\"total pahe number\", totalItems)\n return Math.ceil(totalItems / itemsPerPage);\n };\n \n \nshouldHighlightTestsLink() {\n const { location } = this.props;\n const currentURL = location.pathname;\n\n // Check if the URL contains \"nearby-test\"\n return currentURL.includes('/nearby-profiles/');\n}\n\n render() {\n const { onGetCarts } = this.props;\n\n const { carts } = this.props;\n const { search_type } = this.state;\n let borderColor = '2px solid blue'; // Default border color\n\n // Check the selected option and update border color accordingly\n if (search_type === 'Current Location') {\n borderColor = '2px solid red'; // Change to the desired color\n }\n if (search_type === 'City') {\n borderColor = '2px solid green'; // Change to the desired color\n }\n if (search_type === 'Custom Address') {\n borderColor = '2px solid yellow'; // Change to the desired color\n }\n const ClearIndicator = (props) => {\n return (\n \n \n {nearbyTest.test_name} \n \n
\n {/* */}\n \n this.openDescriptionModal(e, nearbyTest)\n }\n >\n Test Description\n \n\n {(nearbyTest.discount >= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) >= 0.01) && (\n this.handleAddToCart(nearbyTest)}\n disabled={this.state.itemsInCart.includes(nearbyTest)} // Disable the button if the item is in the cart\n>\n {this.state.itemsInCart.includes(nearbyTest) ? 'Already Added' : 'Add to cart'}\n */}\n cartItem.offered_test_id === nearbyTest.id) ? 'secondary' : 'primary'}\n className={`btn mt-3 me-1${this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyTest.id) ? ' disabled' : ''}`}\n // onClick={() => this.handleAddToCart(nearbyTest)}\n onClick={() => {\n // Check if nearbyTest.name is equal to any cartItem.name\n if (this.props.carts.some(cartItem => cartItem.test_name === nearbyTest.test_name)) {\n alert(\"An item with the same name but from a different lab is already in the cart. Please remove the previous one first.\");\n } else {\n // If not, proceed with adding to the cart\n this.handleAddToCart(nearbyTest);\n }\n }}\n disabled={this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyTest.id)}\n>\n {this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyTest.id) ? 'Already Added' : 'Add to cart'}\n\n
\n \n \n \n ))}\n \n {isEmpty(this.props.nearbyTests) && (\n loading ? (\n \n \n {/* {\" \"} */}\n Rs {nearbyTest.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price - (nearbyTest.discount + nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) * nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {(nearbyTest.discount >= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyTest.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price - (nearbyTest.discount + nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) * nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {(nearbyTest.discount <= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyTest.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyTest.price - (nearbyTest.discount + nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) * nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {/* {(nearbyTest.discount <= 0.01) && ((nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) <= 0.01) && (\n \n \n Rs {((nearbyTest.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )} */}\n {nearbyTest.discount>=0.01 && (\n \n \n {\" \"}\n Discount Lab: {(nearbyTest.discount*100).toFixed()} % \n \n
\n )}\n {(nearbyTest.all_discount_by_labhazir + nearbyTest.discount_by_labhazir) >= 0.01 && (\n \n \n {\" \"}\n Discount LabHazir: {((nearbyTest.all_discount_by_labhazir * 100) + (nearbyTest.discount_by_labhazir * 100)).toFixed()} %\n \n\n
\n )}\n\n \n \n Reporting\n Time: {nearbyTest.duration_required}{\" \"}\n {nearbyTest.duration_type}\n \n
\n\n \n \n Home Sampling:{\" \"}\n {nearbyTest.is_home_sampling_available}\n \n
\n\n \n {\" \"}\n {!this.state.user_id ? (\n \n \n {nearbyTest.lab_name}{\" \"}\n \n \n \n ): this.state.user_id ? (\n \n \n {nearbyTest.lab_name}{\" \"}\n \n \n \n ):null}\n \n
\n {/* \n Lab:{\" \"}\n {nearbyTest.lab_name}\n */}\n
\n\n {nearbyTest.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n {\" \"}\n {(this.state.user_id) && (this.state.user_type ===\"CSR\") && (\n \n \n {nearbyTest.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (\n \n \n {nearbyTest.lab_name}{\" \"}\n\n \n \n )}\n
\n \n {/* \n Please Wait.....\n
\n \n \n Sorry, No Tests Found In Your Specific Area.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n\n ) :\n this.state.user_id && this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
- \n {this.props.match.params.filnalurl && this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
\n \n Search by Profiles | Lab Hazir - Dashboard \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n How to enable location access on your browser
\n\n \n \n
\n \n
\n\n\n\n {/* this.handleAddToCart(nearbyProfile)}\n disabled={this.state.itemsInCart.includes(nearbyProfile)} // Disable the button if the item is in the cart\n>\n {this.state.itemsInCart.includes(nearbyProfile) ? 'Already Added' : 'Add to cart'}\n */}\n cartItem.offered_test_id === nearbyProfile.id) ? 'secondary' : 'primary'}\n className={`btn mt-3 me-1${this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyProfile.id) ? ' disabled' : ''}`}\n // onClick={() => this.handleAddToCart(nearbyProfile)}\n onClick={() => {\n // Check if nearbyProfile.name is equal to any cartItem.name\n if (this.props.carts.some(cartItem => cartItem.test_name === nearbyProfile.test_name)) {\n alert(\"An item with the same name but from a different lab is already in the cart. Please remove the previous one first.\");\n } else {\n // If not, proceed with adding to the cart\n this.handleAddToCart(nearbyProfile);\n }\n }}\n disabled={this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyProfile.id)}\n>\n {this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyProfile.id) ? 'Already Added' : 'Add to cart'}\n\n
\n \n \n {nearbyProfile.test_name} \n \n
\n \n this.openPatientModal(e, nearbyProfile)}\n >\n \n Profile Description\n \n \n
\n {(nearbyProfile.discount >= 0.01) && ((nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyProfile.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyProfile.price - (nearbyProfile.discount + nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) * nearbyProfile.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyProfile.discount >= 0.01) && ((nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyProfile.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyProfile.price - (nearbyProfile.discount + nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) * nearbyProfile.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {(nearbyProfile.discount <= 0.01) && ((nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyProfile.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyProfile.price - (nearbyProfile.discount + nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) * nearbyProfile.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyProfile.discount <= 0.01) && ((nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {((nearbyProfile.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {nearbyProfile.discount >= 0.01 && (\n \n \n {\" \"}\n Discount: {(nearbyProfile.discount * 100).toFixed()} %\n \n
\n )}\n {nearbyProfile.all_discount_by_labhazir + nearbyProfile.discount_by_labhazir >= 0.01 && (\n \n \n {\" \"}\n Discount LabHazir: {((nearbyProfile.all_discount_by_labhazir * 100) + (nearbyProfile.discount_by_labhazir * 100)).toFixed()} %\n \n
\n )}\n {nearbyProfile.duration_required ? (\n \n \n Reporting\n Time: {nearbyProfile.duration_required}{\" \"}\n {nearbyProfile.duration_type}\n \n
) : null }\n {nearbyProfile.is_home_sampling_available ? (\n\n \n \n Home Sampling:{\" \"}\n {nearbyProfile.is_home_sampling_available}\n \n
) : null }\n\n \n {!this.state.user_id ? (\n \n \n {nearbyProfile.lab_name}{\" \"}\n \n \n \n ):null}\n {(this.state.user_id) && (this.state.user_type ===\"CSR\") && (this.state.user_type !==\"b2bclient\") && (\n \n \n {nearbyProfile.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (this.state.user_type !==\"b2bclient\") && (\n \n \n {nearbyProfile.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (this.state.user_type ===\"b2bclient\") && (\n \n \n {nearbyProfile.lab_name}{\" \"}\n\n \n \n )}
\n\n{nearbyProfile.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n Please Wait.....\n
\n \n \n Sorry, No Profiles Found In Your Specific Area.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n\n ) :\n this.state.user_id && this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
- \n {this.props.match.params.filnalurl && this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /*
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
\n \n Search by Packages | Lab Hazir - Dashboard \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n{/* \n \n \n \n \n \n \n \n \n */}\n {/* \n \n Filter \n \n \n */}\n\n {/* \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n ) : \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
}\n\n {/* Alerts to show success and error messages when item is added to the cart */}\n {this.state.success ? (\n \n {this.state.success}\n \n ) : this.state.error ? (\n \n {this.state.error}\n \n ) : null}\n\n \n {!isEmpty(this.props.nearbyPackages) &&\n this.props.nearbyPackages.map((nearbyPackage, key) => (\n \n \n {/* \n \n \n ))}\n {isEmpty(this.props.nearbyPackages) && (\n loading ? (\n \n
\n ) : (\n \n
\n )\n )}\n
\n\n {!isEmpty(this.props.nearbyPackages) ? (\n \n \n \n this.onChangepage(e, page - 1)}\n />\n \n {Array.from({ length: totalPage }, (_, i) => {\n const pageNumber = i + 1;\n return (\n \n this.onChangepage(e, pageNumber)} href=\"#\">\n {pageNumber}\n \n \n );\n })}\n \n this.onChangepage(e, page + 1)}\n />\n \n \n \n
\n \n ) : null}\n
\n \n
\n How to enable location access on your browser
\n\n
*/}\n\n \n \n
\n \n
\n {/* this.handleAddToCart(nearbyPackage)}\n disabled={this.state.itemsInCart.includes(nearbyPackage)} // Disable the button if the item is in the cart\n>\n {this.state.itemsInCart.includes(nearbyPackage) ? 'Already Added' : 'Add to cart'}\n */}\n cartItem.offered_test_id === nearbyPackage.id) ? 'secondary' : 'primary'}\n className={`btn mt-3 me-1${this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyPackage.id) ? ' disabled' : ''}`}\n // onClick={() => this.handleAddToCart(nearbyPackage)}\n onClick={() => {\n // Check if nearbyPackage.name is equal to any cartItem.name\n if (this.props.carts.some(cartItem => cartItem.test_name === nearbyPackage.test_name)) {\n alert(\"An item with the same name but from a different lab is already in the cart. Please remove the previous one first.\");\n } else {\n // If not, proceed with adding to the cart\n this.handleAddToCart(nearbyPackage);\n }\n }}\n disabled={this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyPackage.id)}\n>\n {this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyPackage.id) ? 'Already Added' : 'Add to cart'}\n\n
\n \n \n {nearbyPackage.test_name} \n \n
\n \n this.openPatientModal(e, nearbyPackage)}\n >\n \n Package Description\n \n \n
\n {(nearbyPackage.discount >= 0.01) && ((nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyPackage.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyPackage.price - (nearbyPackage.discount + nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) * nearbyPackage.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyPackage.discount >= 0.01) && ((nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyPackage.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyPackage.price - (nearbyPackage.discount + nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) * nearbyPackage.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {(nearbyPackage.discount <= 0.01) && ((nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyPackage.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyPackage.price - (nearbyPackage.discount + nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) * nearbyPackage.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyPackage.discount <= 0.01) && ((nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {((nearbyPackage.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {nearbyPackage.discount >= 0.01 && (\n \n \n {\" \"}\n Discount: {(nearbyPackage.discount * 100).toFixed()} %\n \n
\n )}\n {nearbyPackage.all_discount_by_labhazir + nearbyPackage.discount_by_labhazir >= 0.01 && (\n \n \n {\" \"}\n Discount LabHazir: {((nearbyPackage.all_discount_by_labhazir * 100) + (nearbyPackage.discount_by_labhazir * 100)).toFixed()} %\n \n\n
\n )}\n {/* {nearbyPackage.discount_by_labhazir>=0.01 && (\n \n \n {\" \"}\n discount labhazir to Lab: {(nearbyPackage.discount_by_labhazir*100).toFixed()} % \n \n \n
\n )} */}\n \n \n Reporting\n Time: {nearbyPackage.duration_required}{\" \"}\n {nearbyPackage.duration_type}\n \n
\n\n \n \n Home Sampling:{\" \"}\n {nearbyPackage.is_home_sampling_available}\n \n
\n \n {!this.state.user_id ? (\n \n \n {nearbyPackage.lab_name}{\" \"}\n \n \n \n ):null}\n {(this.state.user_id) && (this.state.user_type ===\"CSR\") && (this.state.user_type !==\"b2bclient\") && (\n \n \n {nearbyPackage.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (this.state.user_type !==\"b2bclient\") && (\n \n \n {nearbyPackage.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (this.state.user_type ===\"b2bclient\") && (\n \n \n {nearbyPackage.lab_name}{\" \"}\n\n \n \n )}\n
\n\n {nearbyPackage.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n EQA\n Participation: {nearbyPackage.is_eqa_participation}\n \n
\n\n \n \n Test Performed:{\" \"}\n {nearbyPackage.is_test_performed}\n \n
\n\n \n \n Duration\n Required: {nearbyPackage.duration_required}{\" \"}\n {nearbyPackage.duration_type}\n \n
*/}\n {/* \n Please Wait.....\n
\n \n \n Sorry, No Packages Found In Your Specific Area.....\n
\n \n \n \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /* \n {\n e.preventDefault();\n this.setState({ appState: !this.state.appState });\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Appointments\")}{\" \"}\n \n \n \n \n {this.props.t(\"Test Appointments\")}\n \n
\n */\n )}\n \n \n\n ) :\n this.state.user_id && this.state.user_type !== \"CSR\" && this.state.user_type !== \"b2bclient\" ? (\n \n \n {this.state.user_id && this.state.user_type === \"CSR\" && this.state.user_type !== \"b2bclient\"\n ? (\n \n \n
\n */}\n\n {this.state.user_id && this.state.user_type == \"patient\" && (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
- \n {this.props.match.params.filnalurl && this.props.match.params.guest_id ? (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n {/* \n {this.props.t(\"Search by Tests\")}\n */}\n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n /*
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n \n {/* {this.props.t(\"My Appointments\")} */}\n My Appointments\n\n \n \n )}\n
\n \n Search by Radiology | Lab Hazir - Dashboard \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n {/* \n \n \n \n \n \n \n \n */}\n {/* \n \n Filter \n \n \n */}\n\n {/* \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\"Please enter your Location\"),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n ) : \n val === \"Custom Address\",\n then: Yup.string().required(\"Please enter your City\"),\n }),\n location: Yup.string().when(\"city\", {\n is: val => val != \"\",\n then: Yup.string().required(\n \"Please enter your Location\"\n ),\n }),\n })}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
}\n\n {/* Alerts to show success and error messages when item is added to the cart */}\n {this.state.success ? (\n \n {this.state.success}\n \n ) : this.state.error ? (\n \n {this.state.error}\n \n ) : null}\n\n \n {!isEmpty(this.props.nearbyRadiology) &&\n this.props.nearbyRadiology.map((nearbyRadiology, key) => (\n \n \n {/* \n \n \n ))}\n {/* {loading ? (\n \n
\n ) : isEmpty(this.props.nearbyRadiology) ? (\n \n
\n ) : null} */}\n {isEmpty(this.props.nearbyRadiology) && (\n loading ? (\n \n
\n ) : (\n \n
\n )\n )}\n {!isEmpty(this.props.nearbyRadiology) ? (\n \n \n \n this.onChangepage(e, page - 1)}\n />\n \n {Array.from({ length: totalPage }, (_, i) => {\n const pageNumber = i + 1;\n return (\n \n this.onChangepage(e, pageNumber)} href=\"#\">\n {pageNumber}\n \n \n );\n })}\n \n this.onChangepage(e, page + 1)}\n />\n \n \n \n
\n \n ) : null}\n
\n
\n \n
\n How to enable location access on your browser
\n\n
*/}\n\n \n \n
\n \n
\n\n {/* this.handleAddToCart(nearbyRadiology)}\n disabled={this.state.itemsInCart.includes(nearbyRadiology)} // Disable the button if the item is in the cart\n>\n {this.state.itemsInCart.includes(nearbyRadiology) ? 'Already Added' : 'Add to cart'}\n */}\n cartItem.offered_test_id === nearbyRadiology.id) ? 'secondary' : 'primary'}\n className={`btn mt-3 me-1${this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyRadiology.id) ? ' disabled' : ''}`}\n // onClick={() => this.handleAddToCart(nearbyRadiology)}\n onClick={() => {\n // Check if nearbyRadiology.name is equal to any cartItem.name\n if (this.props.carts.some(cartItem => cartItem.test_name === nearbyRadiology.test_name)) {\n alert(\"An item with the same name but from a different lab is already in the cart. Please remove the previous one first.\");\n } else {\n // If not, proceed with adding to the cart\n this.handleAddToCart(nearbyRadiology);\n }\n }}\n disabled={this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyRadiology.id)}\n>\n {this.props.carts.some(cartItem => cartItem.offered_test_id === nearbyRadiology.id) ? 'Already Added' : 'Add to cart'}\n\n
\n \n \n {nearbyRadiology.test_name} \n \n
\n \n this.openPatientModal(e, nearbyRadiology)}\n >\n \n Radiology Description\n \n \n
\n {(nearbyRadiology.discount >= 0.01) && ((nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyRadiology.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyRadiology.price - (nearbyRadiology.discount + nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) * nearbyRadiology.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyRadiology.discount >= 0.01) && ((nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyRadiology.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyRadiology.price - (nearbyRadiology.discount + nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) * nearbyRadiology.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n {(nearbyRadiology.discount <= 0.01) && ((nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) >= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {nearbyRadiology.price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n \n {/* {\" \"} */}\n Rs {((nearbyRadiology.price - (nearbyRadiology.discount + nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) * nearbyRadiology.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {(nearbyRadiology.discount <= 0.01) && ((nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir) <= 0.01) && (\n \n \n {/* {\" \"} */}\n Rs {((nearbyRadiology.price).toFixed(2)).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n
\n )}\n\n {nearbyRadiology.discount>=0.01 && (\n \n \n {\" \"}\n Discount: {(nearbyRadiology.discount*100).toFixed()} % \n \n
\n )}\n {nearbyRadiology.all_discount_by_labhazir + nearbyRadiology.discount_by_labhazir>=0.01 && (\n \n \n {\" \"}\n Discount LabHazir: {((nearbyRadiology.all_discount_by_labhazir*100)+(nearbyRadiology.discount_by_labhazir*100)).toFixed()} % \n \n \n
\n )}\n {/* {nearbyRadiology.discount_by_labhazir>=0.01 && (\n \n \n {\" \"}\n discount labhazir to Lab: {(nearbyRadiology.discount_by_labhazir*100).toFixed()} % \n \n \n
\n )} */}\n \n \n \n Reporting\n Time: {nearbyRadiology.duration_required}{\" \"}\n {nearbyRadiology.duration_type}\n \n
\n \n \n \n Home Sampling:{\" \"}\n {nearbyRadiology.is_home_sampling_available}\n \n
\n \n {!this.state.user_id ? (\n \n \n {nearbyRadiology.lab_name}{\" \"}\n \n \n \n ):null}\n {(this.state.user_id) && (this.state.user_type ===\"CSR\") && (this.state.user_type !==\"b2bclient\") && (\n \n \n {nearbyRadiology.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (this.state.user_type !==\"b2bclient\") && (\n \n \n {nearbyRadiology.lab_name}{\" \"}\n\n \n \n )}\n {(this.state.user_id) && (this.state.user_type !==\"CSR\") && (this.state.user_type ===\"b2bclient\") && (\n \n \n {nearbyRadiology.lab_name}{\" \"}\n\n \n \n )}\n
\n {nearbyRadiology.rating.toFixed(1).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}
\n )}\n \n \n\n \n EQA\n Participation: {nearbyRadiology.is_eqa_participation}\n \n
\n\n \n \n Test Performed:{\" \"}\n {nearbyRadiology.is_test_performed}\n \n
\n\n \n \n Duration\n Required: {nearbyRadiology.duration_required}{\" \"}\n {nearbyRadiology.duration_type}\n \n
*/}\n {/* \n Please Wait.....\n
\n \n \n Sorry No Result Found.....\n
\n \n \n Please Wait.....\n
\n \n \n Sorry, No Radiology Found In Your Specific Area.....\n
\n \n \n \n \n Lab Hazir | Contact Form \n \n \n \n {this.state.complaintSuccess}\n \n )} \n \n \n \n Call / Email HelpLine\n
\n \n \n\n \n \n {\n onAddNewComplaint(values);\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n\n setTimeout(() => {\n if (this.props.complaint) {\n this.setState({\n complaintSuccess:\n \"Thank you for contacting us. Our customer service representative will get back to you soon.Check your email for Complaint ID\",\n }, () => {\n // Reload the window after 2 seconds\n setTimeout(() => {\n window.location.reload();\n }, 2000);\n });\n }\n }, 1000); \n \n\n setTimeout(() => {\n this.setState({\n complaintSuccess: \"\",\n complainant: \"\",\n complainee: \"\",\n lab_id: \"\",\n labhazir_complainee: \"\",\n name: \"\",\n email: \"\",\n city: \"\",\n phone: \"\",\n subject: \"\",\n message: \"\",\n });\n }, 5000);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n {\" \"}\n 0321 8543111\n
\n \n {\" \"}\n labhazir@gmail.com
\n \n \n {\" \"}\n info@labhazir.com\n \n \n
\n \n \n {\" \"}\n labhazir@gmail.com
\n \n \n {\" \"}\n info@labhazir.com\n \n \n
\n
\n\n Available 24/7 for your convenience and peace of mind.
\n\n \n Close\n \n
\n \n
\n \n
\n BECOME OUR AFFILIATE PARTNER
\nPromoting Labhazir is rewarding and simple!
\n\n
\n
\n \n \n \n Sign Up Now {\" \"}\n \n \n
\n \n Why you should join
the Labhazir Affiliate Marketing Partnership Program?\n
\n the Labhazir Affiliate Marketing Partnership Program?\n
\n
\n
\n \n \n \n \n \n
\n Attractive Commission Rate
\nUp to 10%
\n \n\n \n \n \n \n
\n
\n Performance Visibility
\n
Access user-friendly dashboards for you to view and analyse your traffic
\n \n\n \n \n \n \n
\n Seamless & Hassle-free
\nGet started right away!
\n \n\n
\n
\n \n How does
Labhazir Affiliate Marketing Partnership Program work?\n
\n Labhazir Affiliate Marketing Partnership Program work?\n
\n
\n
\n \n \n \n \n \n
\n SIGN UP & retrieve your UNIQUE TRACKING LINK
\n {/*Up to 10%
*/}\n \n\n \n \n \n \n
\n PROMOTE Labhazir with your unique tracking link on your website/ app
\n \n\n \n \n \n \n
\n EARN up to 10% commission for every successful order
\n \n\n
\n \n If you require further clarifications, You may write in to labhazir@gmail.com and we will get back to you as soon as possible.{\" \"}\n
\n \n
\n \n ) :\n \n \n
\n \n
\n \n
\n \n
\n \n {window.location.href.includes(\"login\") && (\n
\n \n
\n )}\n\n {window.location.href.includes(\"register\") && (\n \n \n Welcome on {\" \"}\n Board\n
\n\n
\n \n
\n \n
\n \n
\n \n "Please ensure your email has been\n verified and your account has been approved\n by Lab Hazir before you attempt to Login.\n “\n
\n\n
\n \n - Team Lab Hazir\n
\n\n
\n )}\n\n {window.location.href.includes(\"lab-information\") && (\n \n \n Registration{\" \"}\n Process\n
\n\n
\n \n
\n \n
\n \n
\n
\n
\n
\n Please fill the required information and\n select NEXT button to proceed.“\n \n
\n \n "We have two steps registration process\n for all types of accounts.
\n
\n
Step 1:
\n This is a common page and requires unique\n username, unique email and password from\n you.\n\n
\n
NOTE:
Each\n type of user will be the admin of his\n respective account.\n\n
\n Please fill the required information and\n select NEXT button to proceed.“\n \n
\n
\n \n - Team Lab Hazir\n
\n\n
\n )}\n\n {window.location.href.includes(\"patient-information\") || window.location.href.includes(\"corporate-information\") || window.location.href.includes(\"donor-information\") || window.location.href.includes(\"b2bclient-information\") ? (\n \n \n Registration{\" \"}\n Process\n
\n\n
\n \n
\n \n
\n \n
\n
\n When Step 2 is completed, check your email\n and click on the verification link to verify\n your account.
\n
\n
\n \n "We have two steps registration process\n for all types of accounts.
\n
\n
Step 2:
\n This page requires more detailed information\n about Laboratory, please ensure that Lab is\n registered on Google Map and the address\n entered here is same as on google map, so\n that it is searchable for the patients.\n\n
\n When Step 2 is completed, check your email\n and click on the verification link to verify\n your account.
\n
\n
NOTE:
If\n marketer is registering your account. Please\n log in and change password afterwards.\n “\n \n\n
\n \n - Team Lab Hazir\n
\n \n\n
\n ) : null}\n\n\n {window.location.href.includes(\"forgot-password\") && (\n \n \n Registration{\" \"}\n Process\n
\n\n
\n \n
\n \n
\n \n
\n \n "We have two steps registration\n process for all types of accounts.\n
\n
\n
Step 2:
\n When Step 2 is completed, please check\n your email and click on the verification\n link to verify your account. “\n \n\n
\n \n - Team Lab Hazir\n
\n\n
\n )}\n\n {window.location.href.includes(\"confirm-password\") && (\n \n \n Forget{\" \"}\n Password\n
\n\n
\n \n
\n \n
\n \n
\n\n \n "If you have lost your Password or wish\n to reset it. Please enter your email.
\n
\n You will recive a link to create your new\n password shortly. “\n
\n
\n \n - Team Lab Hazir\n
\n\n
\n )}\n \n \n Confirm{\" \"}\n Password\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n\n \n "You are just one step away from\n getting your account back.\n
\n
Enter your new password and confirm\n it to reset your new passowrd. “\n
\n
\n \n - Team Lab Hazir\n
\n\n
\n \n\n }\n\n\n \n \n
\n \n
\n \n
\n \n
\n \n {window.location.href.includes(\"login\") && (\n
\n \n
\n )}\n\n {window.location.href.includes(\"register\") && (\n \n \n Welcome on {\" \"}\n Board\n
\n\n
\n \n
\n \n
\n \n
\n \n "Please ensure your email has been\n verified and your account has been approved\n by Lab Hazir before you attempt to Login.\n “\n
\n\n
\n \n - Team Lab Hazir\n
\n\n
\n )\n }\n\n {window.location.href.includes(\"lab-information\") && (\n \n \n Registration Process\n
\n\n
\n \n
\n \n
\n \n
\n
\n Please fill in the required information and select the NEXT button to proceed.“\n \n
\n \n "We have two steps registration process for all types of accounts.
\n
Step 1:
\n This is a common page and requires a unique username, unique email, and password from you.\n
NOTE:
\n Each type of user will be the admin of their respective account.\n Please fill in the required information and select the NEXT button to proceed.“\n \n
\n
\n - Team Lab Hazir
\n\n
\n )}\n\n {window.location.href.includes(\"patient-information\") || window.location.href.includes(\"donor-information\") || window.location.href.includes(\"corporate-information\") || window.location.href.includes(\"b2bclient-information\") ? (\n \n \n Registration{\" \"}\n Process\n
\n\n
\n \n
\n \n
\n \n
\n When Step 2 is completed, check your email\n and click on the verification link to verify\n your account.
\n
\n \n "We have two steps registration process\n for all types of accounts.
\n
Step 2:
\n This page requires more detailed information\n about Laboratory, please ensure that Lab is\n registered on Google Map and the address\n entered here is same as on google map, so\n that it is searchable for the patients.\n\n When Step 2 is completed, check your email\n and click on the verification link to verify\n your account.
\n
NOTE:
If\n marketer is registering your account. Please\n log in and change password afterwards.\n “\n \n\n
\n \n - Team Lab Hazir\n
\n \n\n
\n ) : null}\n\n\n {window.location.href.includes(\"forgot-password\") && (\n \n \n Registration{\" \"}\n Process\n
\n\n
\n \n
\n \n
\n \n
\n \n "We have two steps registration\n process for all types of accounts.\n
\n
Step 2:
\n When Step 2 is completed, please check\n your email and click on the verification\n link to verify your account. “\n \n\n
\n \n - Team Lab Hazir\n
\n\n
\n )}\n\n {window.location.href.includes(\"confirm-password\") && (\n \n \n Forget{\" \"}\n Password\n
\n\n
\n \n
\n \n
\n \n
\n\n \n "If you have lost your Password or wish\n to reset it. Please enter your email.
\n
\n You will recive a link to create your new\n password shortly. “\n
\n
\n \n - Team Lab Hazir\n
\n\n
\n )}\n \n \n Confirm{\" \"}\n Password\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n\n \n "You are just one step away from\n getting your account back.\n
\n
Enter your new password and confirm\n it to reset your new passowrd. “\n
\n
\n \n - Team Lab Hazir\n
\n\n \n Login | Lab Hazir \n \n \n \n
\n \n \n
\n
\n \n Click on ‘Use Another Account‘ for that, or click ‘Continue‘ to proceed.\n
\n \n Thank You For Choosing Labhazir!\n
\n \n\n
\n \n \n \n Welcome to the Labhazir!\n \n
\n \n We would like to inform you that,\n \n
\n since you are affiliated with a corporate entity, you will only be shown the specific tests offered by your corporation. If you wish to view different tests, you will need to create a separate regular account.
\n \n Click on ‘Use Another Account‘ for that, or click ‘Continue‘ to proceed.\n
\n \n Thank You For Choosing Labhazir!\n
\n \n\n
\n this.setState({ PermissionModal: false })}\n style={{\n color: \"black\",\n border: \"2px solid blue\",\n // backgroundColor: \"white\",\n }}\n >\n Use another Account\n \n\n {\n this.setState({ PermissionModal: true });\n setTimeout(() => {\n this.props.history.push(\"/test-appointments\");\n }, 1000);\n }}\n >\n Continue\n \n\n
\n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n\n Welcome Back!
\n\n Sign in to continue to Lab Hazir\n
\n\n {this.props.error && this.props.error && (\n {this.props.error} \n )}\n {/* {this.state.submittedMessage && this.props.error && (\n \n {this.state.submittedMessage}\n \n )} */}\n\n {\n // Check if login is already in progress\n if (this.state.isLoginInProgress) {\n return;\n }\n\n // Set the flag to indicate login is in progress\n this.setState({ isLoginInProgress: true });\n\n try {\n // Call loginUser asynchronously\n await this.props.loginUser(values, this.props.history);\n\n // Handle success logic if needed\n\n setTimeout(() => {\n const success = this.props.success;\n const error = this.props.error;\n console.log(\"total array length\", success.is_associate_with_any_corporate)\n\n if (error) {\n // Handle the error without triggering redirection\n console.error(\"Error:\", error);\n this.props.apiError(error.message); // Dispatch the error message to state\n\n // Automatically remove the error message after 4 minutes (240,000 milliseconds)\n setTimeout(() => {\n this.props.apiError(null); // Clear the error message\n }, 240000);\n } else {\n // No error, redirect logic here\n const isLargeScreen = window.innerWidth > 470;\n\n if (!isLargeScreen) {\n console.log(\"finalUrl in mobile app else case\", this.state.finalUrl);\n if (success.account_type === \"samplecollector\") {\n this.props.history.push(\"/dashboard-samplecollector\");\n } else if (success.account_type === \"patient\" && \n (success.is_associate_with_any_corporate == undefined || success.is_associate_with_any_corporate == false) &&\n !success.employee_id_card) {\n console.log(\"yaha a raha hai mobile mation\")\n this.props.history.push(\n this.state.finalUrl\n ? `/nearby-labs/${this.state.finalUrl}`\n : `/nearby-labs`\n );\n console.log(\"yaha pr aya nahi\",this.state.finalUrl);\n } else if (success.account_type === \"patient\" && \n success.is_associate_with_any_corporate == true &&\n success.employee_id_card) {\n console.log(\"yaha a raha hai mobile mation\")\n this.props.history.push(\n this.state.finalUrl\n ? `/corporate-modal/${this.state.finalUrl}`\n : `/corporate-modal`\n );\n console.log(\"yaha pr aya nahi\",this.state.finalUrl);\n\n }\n } else if (\n !isLargeScreen &&\n !this.state.finalUrl\n ) {\n console.log(\"not finalurl yaha a raha hai mobile mation\")\n if (success.account_type === \"patient\") {\n this.props.history.push(\n this.props.match.params.uuid\n ? `/nearby-labs/${this.props.match.params.uuid}`\n : `/nearby-labs`\n );\n console.log(this.props.match.params.uuid);\n }\n } \n else if (\n isLargeScreen &&\n success.account_type === \"patient\" &&\n (success.is_associate_with_any_corporate == undefined || success.is_associate_with_any_corporate == false) &&\n !success.employee_id_card &&\n !this.state.finalUrl\n ) {\n this.props.history.push(\n this.props.match.params.uuid\n ? `/nearby-labs/${this.props.match.params.uuid}`\n : `/nearby-labs`\n );\n console.log(this.props.match.params.uuid);\n }\n else if (\n isLargeScreen &&\n success.account_type === \"patient\" &&\n success.is_associate_with_any_corporate == true &&\n // success.corporate_id != null &&\n success.employee_id_card &&\n !this.state.finalUrl\n ) {\n console.log(\"Patient Profile:\", success.is_associate_with_any_corporate);\n this.props.history.push(\"/corporate-modal\");\n } else if (success.account_type === \"labowner\") {\n this.props.history.push(\"/dashboard-lab\");\n } else if (success.account_type === \"b2b-admin\") {\n this.props.history.push(\"/b2b-clients-list\");\n } else if (success.account_type === \"b2bclient\") {\n this.props.history.push(\"/dashboard-b2bclient\");\n } else if (success.account_type === \"CSR\") {\n this.props.history.push(\"/dashboard-csr\");\n } else if (success.account_type === \"finance-officer\") {\n this.props.history.push(\"/dashboard-finance\");\n } else if (success.account_type === \"finance-admin\") {\n this.props.history.push(\"/dashboard-financeadmin\");\n } else if (success.account_type === \"auditor\") {\n this.props.history.push(\"/dashboard-auditor\");\n } else if (success.account_type === \"registration-admin\") {\n this.props.history.push(\"/pending-labs\");\n } else if (success.account_type === \"marketer-admin\") {\n this.props.history.push(\"/dashboard-marketeradmin\");\n } else if (success.account_type === \"samplecollector\") {\n this.props.history.push(\"/dashboard-samplecollector\");\n } else if (success.account_type === \"csr-admin\") {\n this.props.history.push(\"/pending-complaints-lab\");\n } else if (success.account_type === \"auditor-admin\") {\n this.props.history.push(\"/lab-list\");\n } else if (success.account_type === \"hr-admin\") {\n this.props.history.push(\"/add-staff\");\n } else if (success.account_type === \"donor\") {\n this.props.history.push(\"/dashboard-donor\");\n } else if (success.account_type === \"corporate\") {\n this.props.history.push(\"/dashboard-corporate\");\n }\n }\n }, 1000);\n } catch (error) {\n // Handle the error without triggering redirection\n console.error(\"Error:\", error);\n this.props.apiError(error.message); // Dispatch the error message to state\n\n // Automatically remove the error message after 4 minutes (240,000 milliseconds)\n setTimeout(() => {\n this.props.apiError(null); // Clear the error message\n }, 240000);\n } finally {\n // Reset the flag after login attempt\n this.setState({ isLoginInProgress: false });\n }\n }}\n\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n Register | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n {/* To show submitted message of processing if submission is succesful */}\n \n Register account - Step 1 of 2\n
\n\n Get your free Lab Hazir account now.\n
\n\n {this.state.submittedMessage && (\n \n {this.state.submittedMessage}\n \n )}\n\n {/* To show incomplete registration error to inform user */}\n {this.state.incompleteRegistrationError && (\n \n val && val.length > 0 ? true : false,\n then: Yup.string().oneOf(\n [Yup.ref(\"password\")],\n \"Both password need to be the same\"\n ),\n }),\n })}\n onSubmit={values => {\n this.props.registerUser(values);\n // console.log(window.location.href)\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n // If no error messages then show wait message\n setTimeout(() => {\n if (\n !this.state.usernameFieldError &&\n !this.state.passwordFieldError &&\n // !this.state.emailFieldError &&\n !this.state.incompleteRegistrationError\n ) {\n this.setState({\n submittedMessage:\n \"Please wait for a while we are processing. Thank you for your patience.\",\n });\n }\n }, 1000);\n console.log(\"submit\", values)\n\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n Your registration process was{\" \"}\n \n incomplete last time when you registered\n \n . If you want to\n regispatient-information/113893749834ter now,\n please click on Next button\n once again.\n \n \n After completing the step 2 of registration,\n please make sure to{\" \"}\n \n verify your account on new verification email\n {\" \"}\n you will receive from us and{\" \"}\n ignore the old one (if any) you\n have received last time.\n \n
\n )}\n\n \n
\n \n Already have an account?{\" \"}\n
\n \n Register | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n {/* To show submitted message of processing if submission is succesful */}\n \n Register account - Step 1 of 2\n
\n\n Get your free Lab Hazir account now.\n
\n\n {this.state.submittedMessage && (\n \n {this.state.submittedMessage}\n \n )}\n\n {/* To show incomplete registration error to inform user */}\n {this.state.incompleteRegistrationError && (\n value && value.trim() === value\n )\n .matches(\n /^[^\\s]+$/,\n \"Username should not contain spaces\"\n ) \n .required(\"Please enter your username\")\n .when(\"account_type\", {\n is: \"patient\",\n then: Yup.string()\n .test(\n \"no-leading-trailing-spaces-patient\",\n \"Username should not contain spaces at the beginning or end\",\n value => value && value.trim() === value\n )\n .matches(\n /^[^\\s]+$/,\n \"Username should not contain spaces\"\n ), \n }),\n // email: Yup.string()\n // .required(\"Please enter your email\")\n // .email(\"Please enter valid email\"),\n password: Yup.string().required(\n \"Please enter your password\"\n \n )\n .matches(\n /^(?=.*\\d).{8,}$/, // Regex to enforce at least 8 characters in password\n \"Password must contain at least 8 characters and one numeric digit.\"\n ),\n password2: Yup.string()\n .required(\"Please re-enter your password\")\n .when(\"password\", {\n is: val =>\n val && val.length > 0 ? true : false,\n then: Yup.string().oneOf(\n [Yup.ref(\"password\")],\n \"Both password need to be the same\"\n ),\n }),\n })}\n onSubmit={values => {\n this.props.registerUser(values);\n // console.log(window.location.href)\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n // If no error messages then show wait message\n setTimeout(() => {\n if (\n !this.state.usernameFieldError &&\n !this.state.passwordFieldError &&\n // !this.state.emailFieldError &&\n !this.state.incompleteRegistrationError\n ) {\n this.setState({\n submittedMessage:\n \"Please wait for a while we are processing. Thank you for your patience.\",\n });\n }\n }, 1000);\n console.log(\"submit\", values)\n\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n Your registration process was{\" \"}\n \n incomplete last time when you registered\n \n . If you want to\n regispatient-information/113893749834ter now,\n please click on Next button\n once again.\n \n \n After completing the step 2 of registration,\n please make sure to{\" \"}\n \n verify your account on new verification email\n {\" \"}\n you will receive from us and{\" \"}\n ignore the old one (if any) you\n have received last time.\n \n
\n )}\n\n \n
\n \n Already have an account?{\" \"}\n
\n \n Patient Information | Lab Hazir k{\" \"}\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n Patient account information - Step 2 of 2\n
\n\n You are one step away from your free Lab Hazir\n account.\n
\n\n {this.props.patient || this.state.user_id ? (\n this.state.user_type === \"b2bclient\" || this.state.user_type === \"CSR\" ? (\n \n Account Registered Successfully.\n \n ) : (\n \n Your Account Registered Successfully. Please log in to your account.\n \n )\n ) : null}\n\n {this.props.addPatientError &&\n this.props.addPatientError ? (\n \n {this.props.addPatientError}\n \n ) : null}\n\n this.state.employee_code.includes(value)\n ),\n }),\n name: Yup.string()\n .trim()\n .required(\"Please enter your name\")\n .min(3, \"Please enter at least 3 characters\")\n .max(255, \"Please enter maximum 255 characters\")\n .matches(\n /^[a-zA-Z][a-zA-Z ]+$/,\n \"Please enter only alphabets and spaces\"\n ),\n phone: Yup.string()\n .required(\"Please enter your phone no.\")\n .max(255, \"Please enter maximum 255 characters\")\n .matches(\n /^((\\+92)|(0092))-{0,1}\\d{3}-{0,1}\\d{7}$|^\\d{11}$|^\\d{4}-\\d{7}$/,\n \"Please enter a valid Pakistani phone number e.g. 03123456789\"\n ),\n email: Yup.string()\n .required(\"Please enter your Email.\")\n .email(\"Please enter valid Email\")\n })}\n onSubmit={values => {\n this.props.addPatientInformation(\n values,\n this.props.match.params.id\n );\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n\n // Redirecting back to the login page\n setTimeout(() => {\n if (this.props.patient && !this.state.user_id) {\n console.log(this.props.match.params.uuid);\n // Add a 4-second delay using setTimeout\n setTimeout(() => {\n this.props.history.push(\n this.props.match.params.uuid\n ? `/login/${this.props.match.params.guest_id}/${this.props.match.params.uuid}`\n : `/login/${this.props.match.params.guest_id}`\n );\n }, 2000); // 4000 milliseconds = 4 seconds\n } else if (\n this.props.patient &&\n this.state.user_id &&\n this.state.user_type === \"b2bclient\"\n ) {\n console.log(this.props.match.params.guest_id);\n this.props.history.push(\n this.props.match.params.guest_id\n ? `/labs/${this.props.match.params.guest_id}/${this.props.match.params.id}`\n : `/labs`\n );\n }\n else if (\n this.props.patient &&\n this.state.user_id &&\n this.state.is_assosiatewith_anycorporate === \"No\" && \n !this.state.employee_id_card &&\n this.state.user_type === \"CSR\"\n ) {\n console.log(this.props.match.params.uuid);\n this.props.history.push(\n this.props.match.params.uuid\n ? `/tests-offered-labhazir/${this.props.match.params.uuid}/${this.props.match.params.id}`\n : `/tests-offered-labhazir/${this.props.match.params.id}`\n );\n }\n else if (\n this.props.patient &&\n this.state.user_id &&\n this.state.is_assosiatewith_anycorporate === \"Yes\" && \n this.state.employee_id_card &&\n this.state.user_type === \"CSR\"\n ){\n const uuid = this.props.match.params.id;\n const accountId = this.state.corporate_id;\n const url = uuid\n ? `/corporate-patients-book-appointments/${uuid}/${accountId}`\n : `/corporate-patients-book-appointments/${accountId}`;\n this.props.history.push(url);\n }\n \n }, 5000);\n\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n B2B Client Information | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n B2B Client Account Information\n
\n\n You are one step away from your free Lab Hazir\n account.\n
\n\n {this.props.b2bclient && this.props.b2bclient ? (\n \n The verification link is sent to your email,\n please verify your account first in order to\n login.{\" \"}\n \n ) : null}\n\n {this.props.b2bclient&& this.props.b2bclient? (\n setTimeout(() => {\n if (this.props.b2bclient) {\n this.props.history.push(\"/login\");\n }\n }, 2000)\n ) : null}\n \n\n {this.props.addB2bClientError &&\n this.props.addB2bClientError ? (\n \n {this.props.addB2bClientError}\n \n ) : null}\n\n {\n this.props.addB2bClientInformation(\n values,\n this.props.match.params.id\n );\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n // Redirecting back to the login page\n \n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n Donor Information | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n Donor account information\n
\n\n You are one step away from your free Lab Hazir\n account.\n
\n\n {this.props.donor&& this.props.donor? (\n \n The verification link is sent to your email,\n please verify your account first in order to\n login.{\" \"}\n \n ) : null}\n\n {this.props.donor&& this.props.donor? (\n setTimeout(() => {\n if (this.props.donor) {\n this.props.history.push(\"/login\");\n }\n }, 2000)\n ) : null}\n\n \n\n {this.props.addDonorError &&\n this.props.addDonorError ? (\n \n {this.props.addDonorError}\n \n ) : null}\n\n {\n this.props.addDonorInformation(\n values,\n this.props.match.params.id\n );\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n // Redirecting back to the login page\n \n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n Lab Information | Lab Hazir \n \n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n Lab account information - Step 2 of 2\n
\n\n You are one step away from your free Lab Hazir\n account.\n
\n\n {this.props.lab && this.props.lab ? (\n \n The verification link is sent to your email,\n please verify your account first in order to\n login.{\" \"}\n \n ) : null}\n {this.props.lab && this.props.lab ? (\n // Redirecting back to the login page\n setTimeout(() => {\n if (this.props.lab) {\n this.props.history.push(\"/login\");\n }\n }, 2000)\n ) : null}\n\n\n {this.props.addLabError && this.props.addLabError ? (\n \n {this.props.addLabError}\n \n ) : null}\n\n val === \"Collection Point\",\n then: Yup.string().required(\n \"Please enter your main lab\"\n ),\n }),\n branch_name: Yup.string().when(\"type\", {\n is: val => val === \"Collection Point\",\n then: Yup.string()\n .trim()\n .required(\"Please enter your branch name\")\n .min(3, \"Please enter at least 3 characters\")\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n }),\n // Validation for logo based on type value\n type: Yup.string(),\n logo: Yup.mixed().test(\n \"required\",\n \"Please upload logo\",\n function (val) {\n const { type, logo } = this.parent;\n if (type === \"Main Lab\") {\n return logo ? true : false;\n } else {\n return true;\n }\n }\n ),\n national_taxation_no: Yup.string().when(\"type\", {\n is: val => val === \"Main Lab\",\n then: Yup.string()\n .trim()\n .required(\"Please enter NTN # of your lab\")\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n }),\n // Validation for logo based on type value\n type: Yup.string(),\n lab_experience: Yup.number(\n \"Please enter number only\"\n )\n .positive()\n .integer()\n .min(\n 0,\n \"Please enter a number greater than or equal to 0\"\n )\n .max(\n 150,\n \"Please enter a number less than or equal to 150\"\n )\n .test(\n \"required\",\n \"Please enter your lab experience\",\n function (val) {\n const { type, lab_experience } =\n this.parent;\n if (type === \"Main Lab\") {\n return lab_experience ? true : false;\n } else {\n return true;\n }\n }\n ),\n landline: Yup.string()\n .required(\"Please enter your landline no.\")\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n address: Yup.string()\n .trim()\n .required(\"Please enter your full address\")\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n // city: Yup.string()\n // .trim()\n // .required(\"Please select your city\")\n // .max(255, \"Please enter maximum 255 characters\")\n // .matches(\n // /^[a-zA-Z][a-zA-Z ]+$/,\n // \"Please enter only alphabets and spaces\"\n // ),\n\n lab_staff_name: Yup.string().when(\n \"registered_by\",\n {\n is: val => val == \"Lab\",\n then: Yup.string()\n .trim()\n .required(\"Please enter your name\")\n .min(\n 3,\n \"Please enter at least 3 characters\"\n )\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n\n }\n ),\n\n lab_staff_designation: Yup.string().when(\n \"registered_by\",\n {\n is: val => val == \"Lab\",\n then: Yup.string()\n .trim()\n .required(\"Please enter your designation\")\n .min(\n 3,\n \"Please enter at least 3 characters\"\n )\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n )\n .matches(\n /^[a-zA-Z][a-zA-Z ]+$/,\n \"Please enter only alphabets spaces\"\n ),\n }\n ),\n marketer_name: Yup.string().when(\n \"is_registering_for_first_time\",\n {\n is: val => val == \"Yes\",\n then: Yup.string()\n .trim()\n .required(\"Please enter marketer name\")\n .min(\n 3,\n \"Please enter at least 3 characters\"\n )\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n\n }\n ),\n marketer_cnic: Yup.string().when(\n \"is_registering_for_first_time\",\n {\n is: val => val == \"Yes\",\n then: Yup.string()\n .required(\"Please enter marketer CNIC\")\n .matches(\n /^[0-9]{5}-[0-9]{7}-[0-9]$/,\n \"Please enter a valid CNIC e.g. 37106-8234782-3\"\n )\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n }\n ),\n\n marketer_email: Yup.string().when(\n \"registered_by\",\n {\n is: val => val == \"Marketer\",\n then: Yup.string()\n .required(\"Please enter marketer email\")\n .email(\"Please enter valid email\")\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n ),\n }\n ),\n email: Yup.string()\n .required(\"Please enter your email\")\n .email(\"Please enter valid email\"),\n marketer_phone: Yup.string().when(\n\n \"is_registering_for_first_time\",\n {\n is: val => val == \"Yes\",\n then: Yup.string()\n .required(\n \"Please enter marketer mobile no.\"\n )\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n )\n .matches(\n /^((\\+92)|(0092))-{0,1}\\d{3}-{0,1}\\d{7}$|^\\d{11}$|^\\d{4}-\\d{7}$/,\n \"Please enter a valid Pakistani phone number e.g. 03123456789\"\n ),\n }\n ),\n marketer_city: Yup.string().when(\n \"is_registering_for_first_time\",\n {\n is: val => val == \"Yes\",\n then: Yup.string()\n .trim()\n .required(\"Please select marketer city\")\n .max(\n 255,\n \"Please enter maximum 255 characters\"\n )\n .matches(\n /^[a-zA-Z][a-zA-Z ]+$/,\n \"Please enter only alphabets and spaces\"\n ),\n }\n ),\n })}\n onSubmit={values => {\n this.props.addLabInformation(\n values,\n this.props.match.params.id\n );\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n }}\n >\n {({ errors, status, touched }) => (\n
\n )}\n\n {this.state.type !== \"Collection Point\" && (\n \n {/* Logo field */}\n
\n )}\n\n {/* Email field */}\n \n \n \n this.setState({\n logo: e.target.files[0],\n })\n }\n className={\n \"form-control\" +\n (errors.logo && touched.logo\n ? \" is-invalid\"\n : \"\")\n }\n />\n\n
\n\n {/* National Taxation No field */}\n \n \n Lab NTN # (National Taxation Number)\n \n \n this.setState({\n national_taxation_no:\n e.target.value,\n })\n }\n value={this.state.national_taxation_no}\n className={\n \"form-control\" +\n (errors.national_taxation_no &&\n touched.national_taxation_no\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n {/* Lab experience field */}\n \n \n Lab Experience (Years)\n \n \n this.setState({\n lab_experience: e.target.value,\n })\n }\n value={this.state.lab_experience}\n className={\n \"form-control\" +\n (errors.lab_experience &&\n touched.lab_experience\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n \n \n \n this.setState({\n email: e.target.value,\n })\n }\n type=\"text\"\n value={this.state.email}\n\n className={\n \"form-control\" +\n (errors.email && touched.email\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {/* Landline field */}\n \n \n {\n let value = e.target.value.replace(/\\s+/g, \"\"); // Remove spaces\n this.setState({ landline: value });\n }}\n value={this.state.landline}\n className={\n \"form-control\" + (errors.landline && touched.landline ? \" is-invalid\" : \"\")\n }\n />\n
\n\n\n {/* Address field */}\n \n \n \n this.setState({ address: e.target.value })\n }\n value={this.state.address}\n className={\n \"form-control\" +\n (errors.address && touched.address\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {/* Province field */}\n {/* \n \n \n this.setState({\n province: e.target.value,\n })\n }\n value={this.state.province}\n className=\"form-select\"\n >\n \n \n \n \n \n \n
*/}\n\n\n {/* District field */}\n {/* \n \n \n this.setState({\n office: selectedGroup.value,\n })\n }\n styles={{\n control: (base, state) => ({\n ...base,\n borderColor:\n errors.office && touched.office\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n className={\n \"defautSelectParent\" +\n (errors.office && touched.office\n ? \" is-invalid\"\n : \"\")\n }\n options={DISTRICTS}\n placeholder=\"Select District...\"\n />\n
*/}\n\n\n {/* city field */}\n \n\n\n \n \n this.setState({\n city_id: selectedGroup.value,\n })\n }\n className={\n \"defautSelectParent\" +\n (errors.city_id && touched.city_id\n ? \" is-invalid\"\n : \"\")\n }\n styles={{\n control: (base, state) => ({\n ...base,\n borderColor:\n errors.city_id && touched.city_id\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n options={\n cityList\n }\n defaultValue={{\n label:\n this.state.city,\n value:\n this.state.id,\n }}\n\n />\n\n
\n\n\n {/* District field */}\n {/* \n \n \n this.setState({\n office: selectedGroup.value,\n })\n }\n className=\"defautSelectParent\"\n options={\n districtList\n }\n defaultValue={{\n label:\n this.state.district,\n value:\n this.state.office, \n \n }}\n />\n
*/}\n\n {/* City field */}\n {/* \n \n \n this.setState({\n city: selectedGroup.value,\n })\n }\n placeholder=\"Select City...\"\n className=\"defautSelectParent\"\n options={\n cityList\n }\n defaultValue={{\n label:\n this.state.city,\n value:\n this.state.id, \n }}\n \n />\n
*/}\n {/* Accept Digital Payments field */}\n \n \n Do you accept digital payments?\n \n \n this.setState({\n is_digital_payment_accepted:\n e.target.value,\n })\n }\n value={\n this.state.is_digital_payment_accepted\n }\n className=\"form-select\"\n >\n \n \n \n
\n\n \n \n Are you Offering Home Sampling?\n \n \n this.setState({\n is_homesampling_offered:\n e.target.value,\n })\n }\n value={\n this.state.is_homesampling_offered\n }\n\n className=\"form-select\"\n >\n \n \n \n
\n {this.state.is_homesampling_offered == \"Yes\" ? (\n \n
\n ) : null}\n\n\n {/* Registered by field */}\n \n \n Charges for Offering Routine Home Sampling\n \n \n this.setState({\n home_sampling_charges: e.target.value,\n })\n }\n placeholder=\"Please enter the Normal Home Sampling Charges\"\n value={this.state.home_sampling_charges}\n className={\n \"form-control\" +\n (errors.home_sampling_charges &&\n touched.home_sampling_charges\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n \n \n Charges for Offering Urgent Home Sampling\n \n \n this.setState({\n state_sampling_charges: e.target.value,\n })\n }\n value={this.state.state_sampling_charges}\n placeholder=\"Please enter the Urgent Home Sampling Charges\"\n className={\n \"form-control\" +\n (errors.state_sampling_charges &&\n touched.state_sampling_charges\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n \n \n \n this.setState({\n state_sampling_time: Math.max(0, Math.min(3, e.target.value)),\n })\n }\n value={this.state.state_sampling_time}\n placeholder=\"Please enter Urgent Home Sampling Time (In Hours)\"\n min={0}\n max={3}\n // step={1}\n className={\n \"form-control\" +\n (errors.state_sampling_time && touched.state_sampling_time\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n Note: Urgent Home Sampling can be more than 3 hours.
\n\n \n Who is registering lab?\n \n \n this.setState({\n registered_by: e.target.value,\n })\n }\n defaultValue={this.state.registered_by}\n className=\"form-select\"\n >\n \n \n \n
\n\n {this.state.registered_by === \"Lab\" && (\n \n {/* Lab Staff Name field */}\n
\n )}\n\n {/* Marketer's fields */}\n {this.state.registered_by === \"Marketer\" && (\n \n \n Registered by (Name)\n \n \n this.setState({\n lab_staff_name: e.target.value,\n })\n }\n value={this.state.lab_staff_name}\n className={\n \"form-control\" +\n (errors.lab_staff_name &&\n touched.lab_staff_name\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {/* Lab Staff Designation field */}\n \n \n Lab Staff Designation\n \n \n this.setState({\n lab_staff_designation:\n e.target.value,\n })\n }\n value={this.state.lab_staff_designation}\n className={\n \"form-control\" +\n (errors.lab_staff_designation &&\n touched.lab_staff_designation\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n \n {/* Is Registering First Time field */}\n
\n )}\n \n \n Are you registering lab for the first\n time?\n \n \n this.setState({\n is_registering_for_first_time:\n e.target.value,\n })\n }\n value={\n this.state\n .is_registering_for_first_time\n }\n className=\"form-select\"\n >\n \n \n \n
\n\n {/* Marketer Email field */}\n \n \n Marketer Email\n \n \n this.setState({\n marketer_email: e.target.value,\n })\n }\n value={this.state.marketer_email}\n className={\n \"form-control\" +\n (errors.marketer_email &&\n touched.marketer_email\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {this.state\n .is_registering_for_first_time ===\n \"Yes\" && (\n \n {/* Marketer Name field */}\n
\n )}\n \n \n Marketer Name\n \n \n this.setState({\n marketer_name: e.target.value,\n })\n }\n value={this.state.marketer_name}\n className={\n \"form-control\" +\n (errors.marketer_name &&\n touched.marketer_name\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {/* Marketer CNIC field */}\n \n \n Marketer CNIC\n \n \n this.setState({\n marketer_cnic: e.target.value,\n })\n }\n value={this.state.marketer_cnic}\n className={\n \"form-control\" +\n (errors.marketer_cnic &&\n touched.marketer_cnic\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {/* Marketer Phone field */}\n \n \n Marketer Mobile No.\n \n \n this.setState({\n marketer_phone: e.target.value,\n })\n }\n value={this.state.marketer_phone}\n className={\n \"form-control\" +\n (errors.marketer_phone &&\n touched.marketer_phone\n ? \" is-invalid\"\n : \"\")\n }\n />\n
\n\n {/* Marketer City field */}\n \n \n Marketer City\n \n \n this.setState({\n marketer_city:\n selectedGroup.value,\n })\n }\n className={\n \"defautSelectParent\" +\n (errors.marketer_city &&\n touched.marketer_city\n ? \" is-invalid\"\n : \"\")\n }\n styles={{\n control: (base, state) => ({\n ...base,\n borderColor:\n errors.marketer_city &&\n touched.marketer_city\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n options={CITIES}\n placeholder=\"Select City...\"\n />\n\n
\n \n \n {\" \"}\n Complete Registration{\" \"}\n \n
\n \n )}\n \n \n \n Corporate Information | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n Corporate information account\n
\n\n You are one step away from your free Lab Hazir\n account.\n
\n\n {/* {this.props.corporate && this.props.corporate ? (\n \n You have registered successfully and you can now{\" \"}\n \n {\" \"}\n \n {\" \"}\n login\n {\" \"}\n {\" \"}\n to your account.\n \n ) : null} */}\n\n {this.props.corporate && this.props.corporate ? (\n \n The verification link is sent to your email,\n please verify your account first in order to\n login.{\" \"}\n \n ) : null}\n {this.props.corporate && this.props.corporate ? (\n // Redirecting back to the login page\n setTimeout(() => {\n if (this.props.corporate) {\n this.props.history.push(\"/login\");\n }\n }, 2000)\n ) : null}\n\n {this.props.addCorporateError &&\n this.props.addCorporateError ? (\n \n {this.props.addCorporateError}\n \n ) : null}\n\n {\n const cityIdArray = Array.isArray(values.city_id) ? values.city_id : [values.city_id];\n this.props.addCorporateInformation(\n values,\n this.props.match.params.id,\n cityIdArray\n );\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n setSubmitting(false); // This line is important to manually set submitting to false after form submission\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n \n Forget Password | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n Forget password
\n\n Do not worry, we will get back you to your account.\n
\n\n {this.props.forgetError && (\n \n {this.props.forgetError}\n \n )}\n\n {this.props.forgetSuccessMsg && (\n \n {this.props.forgetSuccessMsg}\n \n )}\n
\n \n {\n this.props.userForgetPassword(\n values,\n this.props.history\n );\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n
\n \n Go back to{\" \"}\n
© {new Date().getFullYear()} Lab Hazir
\n\n \n Confirm Password | Lab Hazir \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n Confirm password
\n\n You are just one step away from your account.\n
\n\n
\n \n {this.props.confirmError &&\n this.props.confirmError ? (\n \n {this.props.confirmError}\n \n ) : null}\n {this.props.confirmSuccessMsg ? (\n \n {this.props.confirmSuccessMsg}\n \n ) : null}\n\n \n val && val.length > 0 ? true : false,\n then: Yup.string().oneOf(\n [Yup.ref(\"password\")],\n \"Both password need to be the same\"\n ),\n }),\n })}\n onSubmit={values => {\n this.props.userConfirmPassword(\n values,\n this.props.match.params.token\n );\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n\n }\n }\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n
\n \n Go back to{\" \"}\n
© {new Date().getFullYear()} Lab Hazir
\n\n \n 
\n \n
\n
\n \n
\n \n Welcome Back !
\nLab Hazir Dashboard
\n\n \n
\n
\n \n \n {this.state.name}\n
\n\n {this.state.email}\n
\n\n {this.state.address}\n
\n \n\n \n View Profile{\" \"}\n \n \n
\n \n \n
\n \n
\n \n Appointments Completed\n
\n\n {this.state.completedAppointments}\n
\n\n \n \n \n
\n \n
\n \n
\n \n Appointments Inprocess\n
\n\n {this.state.inProcessAppointments}\n
\n\n \n \n \n
\n \n
\n \n
\n Monthly Cost
\n\n {/* Converting number to thousands separator string for readability */}\n $\n {this.state.monthlyCost\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n\n \n \n \n
\n \n
\n \n
\n Annual Cost
\n {/* Converting number to thousands separator string for readability */}\n\n $\n {this.state.annualCost\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n
\n\n \n \n \n
\n \n \n Dashboard | Patient \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n \n \n Email Sent\n \n
\n \n \n
\n - \n
- \n
- \n
- \n
\n
\n\n - \n
- \n
- \n
- \n
\n \n
\n
\n \n \n View Profile{\" \"}\n \n \n
\n \n Welcome Back !
\nLab Hazir Dashboard
\n\n
\n \n \n \n {this.state.name}\n
\n\n {this.state.address}\n
\n \n\n
\n \n
\n \n Appointments Completed\n
\n\n {this.state.completedAppointments}\n
\n\n \n \n \n
\n \n
\n \n
\n \n Appointments Inprocess\n
\n\n {this.state.inProcessAppointments}\n
\n\n \n \n \n
\n \n
\n \n
\n \n Appointments History\n
\n\n Activity Log\n
\n\n \n \n \n \n
\n \n
\n \n
\n \n Labs Review\n
\n\n Audit\n
\n\n \n \n \n \n
\n \n \n Dashboard | Lab \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n \n {/* \n Email Sent\n */}\n
\n \n \n \n
\n
\n \n \n View Profile{\" \"}\n \n \n
\n \n Welcome Back !
\nLab Hazir Dashboard
\n\n
\n \n \n \n {this.state.business_name}\n
\n\n {this.state.website_url}\n
\n \n \n\n
\n \n
\n \n Appointments Completed\n
\n\n {this.state.completedAppointments}\n
\n\n \n \n \n
\n \n
\n \n
\n \n Appointments Inprocess\n
\n\n {this.state.inProcessAppointments}\n
\n\n \n \n \n
\n \n
\n \n
\n \n Book On call Appointments\n
\n\n New Patients\n
\n\n \n \n \n \n
\n \n
\n \n
\n \n Book On call Appointments\n
\n\n Exist Patients List\n
\n\n \n \n \n \n
\n \n \n Dashboard | B2b \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n \n \n Email Sent\n \n
\n \n \n
\n - \n
- \n
- \n
- \n
\n \n
\n
\n \n
\n \n Welcome Back !
\nLab Hazir Dashboard
\n\n \n
\n
\n \n \n {this.state.name}\n
\n\n {this.state.email}\n
\n \n\n \n View Profile{\" \"}\n \n \n
\n \n {/* \n \n Activity Log{\" \"}\n \n \n
\n */}\n \n
\n \n
\n Assigned Audits
\n0
\n\n \n \n \n
\n \n
\n \n
\n Completed Audits
\n0
\n\n \n \n \n
\n \n \n Dashboard | Finance Admin \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n \n \n Email Sent\n \n
\n \n {/* \n
\n - \n
- \n
- \n
- \n
\n \n
\n
\n \n \n View Profile{\" \"}\n \n \n
\n \n Welcome Back !
\nLab Hazir Dashboard
\n\n
\n \n \n \n {this.state.name}\n
\n\n {this.state.address}\n
\n \n\n
\n \n
\n \n \n Appointments Completed\n
\n\n {this.state.completedAppointments}\n
\n\n \n \n \n
\n \n \n
\n \n
\n \n \n Appointments Inprocess\n
\n\n {this.state.inProcessAppointments}\n
\n\n \n \n \n
\n \n \n
\n \n {/*
\n \n Labs Review\n
*/}\n\n Lab List\n
\n\n \n \n \n \n \n
\n \n
\n \n {/*
\n \n Appointments History\n
*/}\n\n Payment Form\n
\n\n \n \n \n \n \n
\n \n \n Dashboard | Corporate \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n \n \n Email Sent\n \n
\n \n \n
\n - \n
- \n
- \n
- \n
\n \n
\n
\n \n
\n \n Welcome Back !
\nLab Hazir Dashboard
\n\n \n
\n
\n \n \n {this.state.name}\n
\n\n {this.state.email}\n
\n \n {/*\n \n Activity Log{\" \"}\n \n \n
\n */}\n {/* \n \n View Profile{\" \"}\n \n \n
\n */}\n \n
\n \n
\n Assigned Audits
\n0
\n\n \n \n \n
\n \n
\n \n
\n Completed Audits
\n0
\n\n \n \n \n
\n \n \n Dashboard | Finance Admin \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n \n \n Email Sent\n \n
\n \n {/* \n
\n - \n
- \n
- \n
- \n
\n \n
\n
\n \n
\n \n Welcome Back !
\nMarketer Admin Dashboard
\n\n \n
\n
\n \n \n {this.state.name}\n
\n\n {this.state.email}\n
\n \n\n \n Change Password{\" \"}\n \n \n
\n \n {/* \n \n View Profile{\" \"}\n \n \n
\n */}\n \n
\n \n
\n Assigned Audits
\n0
\n\n \n \n \n
\n \n
\n \n
\n Completed Audits
\n0
\n\n \n \n \n
\n \n \n Dashboard | Marketer Admin \n \n \n {/* Render Breadcrumb */}\n \n \n \n */}\n {/* */}\n {/* */} \n
\n \n
\n \n \n Email Sent\n \n
\n \n {/* \n
\n - \n
- \n
- \n
- \n
\n \n Employee | Lab Hazir - Dashboard \n \n \n \n \n \n \n
\n \n \n \n Upload File\n \n
\n \n \n \n \n Please fill the required fields.\n \n ) : null}\n {this.state.complaintSuccess && (\n \n {this.state.complaintSuccess}\n \n )}\n \n \n \n \n \n \n
\n \n
\n |
\n
\n \n \n Employee Information\n \n \n \n \n this.setState({\n type: e.target.value,\n })\n }\n >\n \n \n \n \n \n {this.state.type === \"Family\" && (\n <>\n \n \n ({\n ...base,\n borderColor: !this.state.parent_employee_id\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n options={employeeList}\n placeholder=\"Select Employee...\"\n />\n {errors.parent_employee_id && (\n \n \n \n \n this.setState({\n relation: selectedOption.value,\n })\n }\n options={relationOptions}\n placeholder=\"Select Relation...\"\n />\n {errors.relation && (\n \n \n )}\n \n \n \n this.setState({\n name: e.target.value,\n errors: { ...this.state.errors, name: \"\" }, // Clear error\n })\n }\n />\n {errors.name && (\n \n \n \n {\n const value = e.target.value;\n if (value.length <= 13 && /^[0-9]*$/.test(value)) {\n this.setState({\n employee_code: value,\n errors: { ...this.state.errors, employee_code: \"\" }, // Clear error\n });\n }\n }}\n value={this.state.employee_code}\n />\n {errors.employee_code && (\n \n {payment_terms === \"Payment by Coorporate to LH\" && (\n <>\n \n \n {\n const value = e.target.value;\n if (value.length <= 13 && /^[0-9]*$/.test(value)) {\n this.setState({\n limit: value,\n errors: { ...this.state.errors, limit: \"\" }, // Clear error\n });\n }\n }}\n value={this.state.limit}\n />\n {errors.limit && (\n \n \n \n \n this.setState({\n date: e.target.value,\n errors: { ...this.state.errors, date: \"\" }, // Clear error\n })\n }\n value={this.state.date}\n />\n {errors.date && (\n \n \n )}\n
\n \n Fill the Employee Information\n
\n\n {errors.parent_employee_id}\n
\n )}\n \n \n {errors.relation}\n
\n )}\n \n {errors.name}
\n )}\n \n \n {errors.employee_code}\n
\n )}\n \n {errors.limit}
\n )}\n \n {errors.date}
\n )}\n \n \n \n Create\n \n
\n \n \n \n Employee | Lab Hazir - Dashboard \n \n \n {/* Render Breadcrumb */}\n \n \n \n
\n \n \n \n {this.state.errorMessage}\n \n )}\n {this.state.complaintSuccess && (\n \n {this.state.complaintSuccess}\n \n )}\n \n \n \n \n \n
\n \n
\n
\n \n {this.props.CorporateProfile.payment_terms === \"Payment by Coorporate to LH\" ? (\n \n \n Download File Format\n \n ) : (\n \n \n Download File Format\n \n )}\n
\n \n
\n Instructions to fill the excel sheet:
\n\n
\n - \n
- \n Create a file whose format is, .xlsx, .xls, .csv, .ods, .xml, .html, .txt, .dbf\n \n
- \n There should be a file of 4 columns, in while corporate_id, name, employee_code (13 digits National ID Card Number), type\n \n {/*
- \n This is your corporate_id {this.state.user_id}, Please use it for every Employee. \n */}\n
- \n Please use Unique employee_code (13 digits National ID Card Number)\n \n
- \n If the employee_code (13 digits National ID Card Number) is alraedy used, the entries in the file will be auto skipped.\n \n
- \n If you want to get more information, contact\n us at labhazir@gmail.com\n \n
\n \n \n {\n const file = e.target.files[0];\n if (file) {\n const allowedTypes = [\".xlsx\", \".xls\", \".csv\", \".ods\", \".xml\", \".html\", \".txt\", \".dbf\"];\n const fileType = file.name.split(\".\").pop(); // Get the file extension\n if (allowedTypes.includes(\".\" + fileType.toLowerCase())) {\n this.setState({ excel_file: file });\n } else {\n alert(\"Only XLSX, XLS, CSV, ODS, XML, HTML, TXT, and DBF file types are allowed.\");\n e.target.value = null; // Clear the file input\n this.setState({ excel_file: null });\n }\n }\n }}\n className=\"form-control\"\n />\n \n \n
\n \n \n Upload{\" \"}\n \n
\n \n \n \n Account Statements | Lab Hazir \n \n \n {/* Render Breadcrumbs */}\n \n \n \n \n \n \n
)}\n {!isEmpty(this.props.b2baccountStatements) && (\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n
\n {/* \n
\n \n )}\n \n )}\n */}\n \n \n \n
\n )}\n\n \n
\n \n \n \n
\n
\n | Date | \nID | \nPatient Name | \nLab Name | \nStatus | \n {/*Amount | */}\nReferral Fee of Lab Hazir | \nReferral Fee of B2B (%) | \nCredit | \nDebit | \nBalance | \n\n {/*Is Settled | */}\n
|---|
\n \n \n
\n
\n {/* | Date | \nID | \nPatient Name | \nLab Name | \nStatus | \n {/*Amount | */}\nReferral Fee of Lab Hazir | \nReferral Fee of B2B (%) | \nCredit | \nDebit | \nBalance | \n\n {/*Is Settled | */}\n||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n {/* {b2baccountStatement.ordered_at} */}\n {new Date(b2baccountStatement.ordered_at).toLocaleString(\"en-US\")}\n\n \n | \n \n \n {b2baccountStatement.order_id}\n\n | \n \n \n {b2baccountStatement.patient_name}\n\n | \n \n \n {b2baccountStatement.lab_name}\n\n | \n {/* \n \n {b2baccountStatement.test_appointment_id}\n \n | */}\n \n {/* */}\n {b2baccountStatement.payment_status == \"Not Paid\" ? (\n \n {b2baccountStatement.payment_method},{\" \"}\n {b2baccountStatement.payment_status}\n \n ) : (\n \n {b2baccountStatement.payment_method},{\" \"}\n {b2baccountStatement.payment_status}\n \n )}\n {/* */}\n | \n {/* \n {b2baccountStatement.amount == 0 ? (\n \n {b2baccountStatement.amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | */}\n {/* \n \n {b2baccountStatement.labhazir_share.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n | */}\n \n {b2baccountStatement.labhazir_share == 0 ? (\n \n {b2baccountStatement.labhazir_share.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.labhazir_share.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n \n {(b2baccountStatement.b2b_share * 100).toFixed()}%\n \n | */}\n \n {b2baccountStatement.b2b_share == 0 ? (\n \n {b2baccountStatement.b2b_share.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.b2b_share.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n \n {/* \n \n {(b2baccountStatement.Credit).toFixed(0)}\n \n | */}\n \n {b2baccountStatement.Credit == 0 ? (\n \n {b2baccountStatement.Credit.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.Credit.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n \n {(b2baccountStatement.Debit).toFixed(0)}\n \n | */}\n \n {b2baccountStatement.Debit == 0 ? (\n \n {b2baccountStatement.Debit.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.Debit.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n \n {(b2baccountStatement.balance).toFixed(0)}\n \n | */}\n \n {b2baccountStatement.balance == 0 ? (\n \n {b2baccountStatement.balance.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.balance.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n {b2baccountStatement.is_settled == true ? (\n \n \n \n ) : (\n \n \n \n )}\n | */}\n
| \n \n {/* {b2baccountStatement.ordered_at} */}\n {new Date(b2baccountStatement.ordered_at).toLocaleString(\"en-US\")}\n\n \n | \n \n \n {b2baccountStatement.order_id}\n\n | \n \n \n {b2baccountStatement.patient_name}\n\n | \n \n \n {b2baccountStatement.lab_name}\n\n | \n {/* \n \n {b2baccountStatement.test_appointment_id}\n \n | */}\n \n {/* */}\n {b2baccountStatement.payment_status == \"Not Paid\" ? (\n \n {b2baccountStatement.payment_method},{\" \"}\n {b2baccountStatement.payment_status}\n \n ) : (\n \n {b2baccountStatement.payment_method},{\" \"}\n {b2baccountStatement.payment_status}\n \n )}\n {/* */}\n | \n {/* \n {b2baccountStatement.amount == 0 ? (\n \n {b2baccountStatement.amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | */}\n {/* \n \n {b2baccountStatement.labhazir_share.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n | */}\n \n {b2baccountStatement.labhazir_share == 0 ? (\n \n {b2baccountStatement.labhazir_share.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.labhazir_share.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n \n {(b2baccountStatement.b2b_share * 100).toFixed()}%\n \n | */}\n \n {b2baccountStatement.b2b_share == 0 ? (\n \n {(b2baccountStatement.b2b_share * 100).toFixed()}%\n \n\n ):(\n\n {(b2baccountStatement.b2b_share * 100).toFixed()}%\n \n )}\n \n | \n \n {/* \n \n {(b2baccountStatement.Credit).toFixed(0)}\n \n | */}\n \n {b2baccountStatement.Credit == 0 ? (\n \n {b2baccountStatement.Credit.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.Credit.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n \n {(b2baccountStatement.Debit).toFixed(0)}\n \n | */}\n \n {b2baccountStatement.Debit == 0 ? (\n \n {b2baccountStatement.Debit.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ):(\n\n {b2baccountStatement.Debit.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n \n {(b2baccountStatement.balance).toFixed(0)}\n \n | */}\n \n {b2baccountStatement.balance == 0 ? (\n \n \n {b2baccountStatement.balance.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n ):(\n\n {b2baccountStatement.balance.toFixed(0).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n \n | \n {/* \n {b2baccountStatement.is_settled == true ? (\n \n \n \n ) : (\n \n \n \n )}\n | */}\n
| \n Total\n | \n\n \n\n {\n this.props.b2baccountStatements.slice(-1).pop().total_amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n }\n \n | \n \n \n\n {\n this.props.b2baccountStatements.slice(-1).pop().total_labhazir_share.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n }\n \n | \n \n\n | \n\n \n\n {\n this.props.b2baccountStatements.slice(-1).pop().total_Credit.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n }\n \n | \n \n \n\n {\n this.props.b2baccountStatements.slice(-1).pop().total_Debit.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n }\n \n | \n \n\n {\n this.props.b2baccountStatements.slice(-1).pop().balance.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n }\n \n | \n |||||||||||
\n \n Total\n\n | \n \n {b2baccountStatement.total_dues_before_discount} \n | \n \n {b2baccountStatement.total_dues_before_discount} \n | \n \n {b2baccountStatement.total_dues_before_discount} \n | \n \n {b2baccountStatement.total_dues_before_discount} \n | \n |||||||||||||
| \n \n \n \n {\" \"}\n Home Sampling Charges{\" \"}\n \n Rs.{\" \"}\n {\n checkoutItem.lab_home_sampling_charges.toString()\n }\n \n\n | \n |||||||||||||||||
| \n \n \n \n {\" \"}\n Sub Total{\" \"}\n \n Rs.{\" \"}\n {\n checkoutItem.total_test_cost.toString()\n }\n \n\n | \n
\n
\n \n \n
\n \n
\n \n -
;\n }\n const date = new Date(paymentCreatedStatus.start_date);\n const day = date.getDate();\n const monthNames = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n const month = monthNames[date.getMonth()];\n const year = date.getFullYear().toString().slice(-2);\n return{`${day}-${month}-${year}`}
;\n },\n filter: textFilter(),\n },\n {\n dataField: \"date\",\n text: \"Expiry Date\",\n sort: true,\n formatter: (cellContent, paymentCreatedStatus) => {\n if (!paymentCreatedStatus.date) {\n return-
;\n }\n const date = new Date(paymentCreatedStatus.date);\n const day = date.getDate();\n const monthNames = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n const month = monthNames[date.getMonth()];\n const year = date.getFullYear().toString().slice(-2);\n return{`${day}-${month}-${year}`}
;\n },\n filter: textFilter(),\n },\n // Add any other columns that should be conditionally inserted\n ];\n }\n\n // Add the always-present columns at the end\n columns = [\n ...columns,\n {\n dataField: \"status\",\n text: \"Activity Status\",\n sort: true,\n formatter: (cellContent, offeredTest) => (\n {offeredTest.status}\n ),\n filter: selectFilter({\n options: {\n '': 'All',\n 'Active': 'Active',\n 'Inactive': 'Inactive',\n },\n defaultValue: 'All',\n }),\n },\n {\n dataField: \"menu\",\n isDummyField: true,\n editable: false,\n text: \"Action\",\n formatter: (cellContent, offeredTest) => (\n\n \n \n this.handleOfferedTestClick(e, offeredTest)}\n >\n \n \n {/* */}\n {console.log(\"offeredTest id:\", offeredTest.id)}\n {console.log(\"b2baccountStatements ids:\", this.props.b2baccountStatements.map(statement => statement.employee_id))}\n\n {!this.props.b2baccountStatements.some(statement => statement.employee_id === offeredTest.id) && ( \n this.onClickDelete(offeredTest)}\n >\n Delete\n \n )}\n\n {/* */}\n
\n ),\n },\n ];\n\n return columns;\n }\n render() {\n const { cemployeeDatas, CorporateProfile,onUpdateCemployee, onGetEmployeeCorporate } = this.props;\n const { deleteModal, selectedcorporate, selectedType, offeredTest, isEdit,isLoading ,b2baccountStatements } = this.state;\n if (isLoading) {\n return Loading...
;\n }\n const columns = this.getColumns();\n const payment_terms = CorporateProfile?.payment_terms;\n \n const uniqueCorporateNames = [...new Set(cemployeeDatas.map(data => data.status))];\n \n const corporateEmployeeOptions = uniqueCorporateNames.map((EmployeeStatus, index) => (\n \n ));\n \n const filteredStatements = cemployeeDatas.filter((statement) => { const {\n selectedcorporate, selectedType } = this.state;\n const EmployeeFilter = !selectedcorporate || statement.status === selectedcorporate;\n const TypeFilter = !selectedType || statement.type === selectedType;\n return EmployeeFilter && TypeFilter;\n });\n \n const pageOptions = {\n sizePerPage: 10000,\n totalSize: cemployeeDatas.length,\n custom: true,\n };\n \n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n \n return (\n \n \n Employees List | Lab Hazir \n \n \n {/* Render Breadcrumbs */}\n \n \n \n \n
\n \n {Array.isArray(b2baccountStatements || []) && b2baccountStatements.length > 0 ? (\n \n \n \n
\n \n
\n \n \n \n Note: The status will initially be set to inactive and can be activated either through the registration process or by the corporate by edit action on this page.\n \n
\n \n
\n \n \n
\n \n this.setState({ selectedcorporate: e.target.value })}\n className=\"form-control\"\n >\n \n {corporateEmployeeOptions}\n \n
\n \n \n \n this.setState({ selectedType: e.target.value })}\n className=\"form-control\"\n >\n \n \n \n \n
\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n )}\n \n )}\n \n
\n ) : (\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n {!!isEdit\n ? \"Edit Employee Data\"\n : \"Add Employee Data\"}\n \n \n {\n console.log(\"Form submitted with values:\", values);\n setSubmitting(false);\n\n const updateCemployee =\n {\n id: offeredTest.id,\n name: values.name,\n employee_code:\n values.employee_code,\n status: values.status,\n limit: values.limit,\n date: values.date,\n };\n\n // update PaymentStatus\n onUpdateCemployee(\n updateCemployee\n );\n setTimeout(() => {\n onGetEmployeeCorporate(\n this.state.user_id\n );\n }, 1000);\n this.toggle();\n }}\n >\n {({ errors, status, touched, isValid }) => (\n \n )}\n \n \n \n
\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n )}\n \n )}\n \n
\n)}\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n {!!isEdit\n ? \"Edit Employee Data\"\n : \"Add Employee Data\"}\n \n \n {\n console.log(\"Form submitted with values:\", values);\n setSubmitting(false);\n\n const updateCemployee =\n {\n id: offeredTest.id,\n name: values.name,\n employee_code:\n values.employee_code,\n status: values.status,\n limit: values.limit,\n date: values.date,\n };\n\n // update PaymentStatus\n onUpdateCemployee(\n updateCemployee\n );\n setTimeout(() => {\n onGetEmployeeCorporate(\n this.state.user_id\n );\n }, 1000);\n this.toggle();\n }}\n >\n {({ errors, status, touched, isValid }) => (\n \n )}\n \n \n \n \n \n {!!isEdit\n ? \"Edit Employee Data\"\n : \"Add Employee Data\"}\n \n \n {\n console.log(\"Form submitted with values:\", values);\n setSubmitting(false);\n\n const updateCemployee =\n {\n id: offeredTest.id,\n name: values.name,\n employee_code:\n values.employee_code,\n status: values.status,\n limit: values.limit,\n date: values.date,\n };\n\n // update PaymentStatus\n onUpdateCemployee(\n updateCemployee\n );\n setTimeout(() => {\n onGetEmployeeCorporate(\n this.state.user_id\n );\n }, 1000);\n this.toggle();\n }}\n >\n {({ errors, status, touched, isValid }) => (\n \n )}\n \n \n \n \n {!!isEdit\n ? \"Edit Employee Data\"\n : \"Add Employee Data\"}\n \n \n {\n console.log(\"Form submitted with values:\", values);\n setSubmitting(false);\n\n const updateCemployee =\n {\n id: offeredTest.id,\n name: values.name,\n employee_code:\n values.employee_code,\n status: values.status,\n limit: values.limit,\n date: values.date,\n };\n\n // update PaymentStatus\n onUpdateCemployee(\n updateCemployee\n );\n setTimeout(() => {\n onGetEmployeeCorporate(\n this.state.user_id\n );\n }, 1000);\n this.toggle();\n }}\n >\n {({ errors, status, touched, isValid }) => (\n \n )}\n \n \n \n
\n \n \n
\n ),\n },\n ],\n };\n this.toggle = this.toggle.bind(this);\n this.toggleMessageModal.bind(this);\n this.handleOfferedTestClicks = this.handleOfferedTestClicks.bind(this);\n // this.handleApprovedEvent = this.handleApprovedEvent.bind(this);\n }\n\n componentDidMount() {\n const { testsList, ongetCorporateTestsList } = this.props;\n console.log(ongetCorporateTestsList(this.state.user_id));\n this.setState({ testsList });\n }\n openPatientModal = (e, arg) => {\n this.setState({\n PatientModal: true,\n test_details: arg.test_details,\n description_in_english: arg.description_in_english,\n description_in_urdu: arg.description_in_urdu,\n });\n };\n togglePatientModal = () => {\n this.setState(prevState => ({\n PatientModal: !prevState.PatientModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n openOtherModal = (e, arg) => {\n this.setState({\n OtherModal: true,\n test_details: arg.test_details,\n description_in_english: arg.description_in_english,\n description_in_urdu: arg.description_in_urdu,\n });\n };\n // handleMouseExit = () => {\n // this.setState({\n // PatientModal: false,\n // OtherModal: false,\n // isHovered: false,\n\n // });\n // };\n toggleOtherModal = () => {\n this.setState(prevState => ({\n OtherModal: !prevState.OtherModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n\n toggle() {\n this.setState(prevState => ({\n modal: !prevState.modal,\n }));\n }\n\n handleApprovedEvent = (e, arg) => {\n this.setState({\n id: arg,\n });\n\n this.toggle();\n };\n\n toggleMessageModal = () => {\n this.setState(prevState => ({\n messageModal: !prevState.messageModal,\n }));\n };\n\n openMessageModal = (e, arg) => {\n this.setState({ messageModal: true, message: arg.message });\n };\n\n onPaginationPageChange = page => {\n if (\n this.node &&\n this.node.current &&\n this.node.current.props &&\n this.node.current.props.pagination &&\n this.node.current.props.pagination.options\n ) {\n this.node.current.props.pagination.options.onPageChange(page);\n }\n };\n\n handleApprovedEvent = (e, arg) => {\n this.setState({\n id: arg,\n });\n\n this.toggle();\n };\n handleOfferedTestClicks = (e, arg1, arg2, arg3, arg4) => {\n console.log(\"data in arg4\", arg4)\n this.setState({\n offeredTest: \"\",\n isEdit: false,\n initialValues: {\n ...this.state.initialValues,\n test_id: arg1, // set the test_id value to arg\n test_name: arg2,\n sample_type: arg3,\n average_price: arg4\n },\n selectedTest: arg1, // store arg in component state\n selectedname: arg2,\n selectedtype: arg3,\n selectedaveragePrice: arg4\n\n });\n this.toggle();\n };\n\n render() {\n const { SearchBar } = Search;\n const { isEdit, deleteModal } = this.state;\n const { offeredTests } = this.props;\n const offeredTest = this.state.offeredTest;\n const { testsList } = this.props;\n const data = this.state.data;\n const { onAddNewCorporateTest, ongetCorporateTestsList } = this.props;\n\n const pageOptions = {\n sizePerPage: testsList.length,\n totalSize: testsList.length, // replace later with size(testsList),\n custom: true,\n };\n\n const defaultSorted = [\n {\n dataField: \"id\", // if dataField is not match to any column you defined, it will be ignored.\n order: \"desc\", // desc or asc\n },\n ];\n\n return (\n \n this.handleOfferedTestClicks(testsList.id)}\n onClick={e => this.handleOfferedTestClicks(e, testsList.id, testsList.name, testsList.sample_type, testsList.average_price)}\n\n // disabled={testsList.length == 0}\n >\n \n Add Test\n \n
\n // \n \n Corporate Medical Tests | Lab Hazir \n \n\n \n {/* Render Breadcrumbs */}\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n \n
\n {/* \n \n
*/}\n \n )}\n \n )}\n \n \n \n \n
\n \n
\n \n \n \n Note: The Tests, Profile, and Packages previously added in Offered Tests will not be displayed here.\n .\n \n \n
\n \n
\n\n \n \n
\n \n \n \n {!!isEdit\n ? \"Edit Offered Test\"\n : \"Add Offered Test\"}\n \n \n discount > 0,\n // then: Yup.string().required(\n // \"Please select start date\"\n // ),\n // }),\n // end_date: Yup.string(\n // Yup.number()\n // ).when(\"discount\", {\n // is: discount => discount > 0,\n // then: Yup.string().required(\n // \"Please select end date\"\n // ),\n // }),\n\n start_date: Yup.string(\n Yup.number()\n ).required(\n \"Please select start date\"\n ),\n end_date: Yup.string(\n Yup.number()\n ).required(\n \"Please select end date\"\n ),\n })}\n // in onSubmit function\n onSubmit={values => {\n const { isEdit, selectedTest, selectedname, selectedaveragePrice, selectedtype } = this.state; // get isEdit and selectedTest from component state\n if (isEdit) {\n const updateOfferedTest = {\n id: offeredTest.id,\n test_id: selectedTest, // use selectedTest as the test_id value\n test_name: selectedname,\n price: values.price,\n average_price:values.selectedaveragePrice,\n start_date: values.start_date,\n end_date: values.end_date,\n\n };\n } else {\n const newOfferedTest = {\n test_id: selectedTest, // use selectedTest as the test_id value\n \n test_name: selectedname,\n price: values.price,\n start_date: values.start_date,\n end_date: values.end_date,\n };\n onAddNewCorporateTest(newOfferedTest, this.state.user_id);\n setTimeout(() => {\n ongetCorporateTestsList(this.state.user_id);\n }, 1000);\n }\n this.setState({\n selectedOfferedTest: null,\n });\n this.toggle();\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n \n \n
\n \n \n
\n */}\n {/* \n \n this.setState({\n messageModal: false,\n })\n }\n data-bs-dismiss=\"modal\"\n aria-label=\"Close\"\n >\n
\n \n
\n \n
\n \n
\n\n \n \n
\n \n
\n \n
\n \n Audit Message\n
\n\n {this.state.message}\n
\n\n {offeredTest.test_status == \"Expired\" ? (\n \n \n this.handleOfferedTestClick(offeredTest)}\n >\n \n \n ) : null}\n
\n ),\n },\n ],\n };\n this.handleOfferedTestClick = this.handleOfferedTestClick.bind(this);\n this.toggle = this.toggle.bind(this);\n this.handleOfferedTestClicks = this.handleOfferedTestClicks.bind(this);\n this.onClickDelete = this.onClickDelete.bind(this);\n }\n\n componentDidMount() {\n\n const { offeredTests, onGetCorporateTests, } = this.props;\n onGetCorporateTests(this.state.user_id);\n this.setState({ offeredTests });\n console.log(\"state\", offeredTests)\n\n }\n\n toggle() {\n this.setState(prevState => ({\n modal: !prevState.modal,\n }));\n }\n\n // Select\n handleSelectGroup = selectedGroup => {\n this.setState({ offeredTest: selectedGroup.value });\n };\n openPatientModal = (e, arg) => {\n this.setState({\n PatientModal: true,\n test_details: arg.test_details,\n });\n };\n // handleMouseExit = () => {\n // this.setState({\n // PatientModal: false,\n // isHovered: false,\n\n // });\n // };\n togglePatientModal = () => {\n this.setState(prevState => ({\n PatientModal: !prevState.PatientModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n handleOfferedTestClicks = () => {\n this.setState({ offeredTest: \"\", isEdit: false, test_id: \"\" });\n this.toggle();\n };\n\n // eslint-disable-next-line no-unused-vars\n componentDidUpdate(prevProps, prevState, snapshot) {\n const { offeredTests } = this.props;\n if (\n !isEmpty(offeredTests) &&\n size(prevProps.offeredTests) !== size(offeredTests)\n ) {\n this.setState({ offeredTests: {}, isEdit: false });\n }\n }\n\n onPaginationPageChange = page => {\n if (\n this.node &&\n this.node.current &&\n this.node.current.props &&\n this.node.current.props.pagination &&\n this.node.current.props.pagination.options\n ) {\n this.node.current.props.pagination.options.onPageChange(page);\n }\n };\n\n /* Insert,Update Delete data */\n\n toggleDeleteModal = () => {\n this.setState(prevState => ({\n deleteModal: !prevState.deleteModal,\n }));\n };\n\n onClickDelete = offeredTests => {\n this.setState({ offeredTests: offeredTests });\n this.setState({ deleteModal: true });\n };\n\n handleDeleteOfferedTest = () => {\n const { onDeleteOfferedTest, onGetCorporateTests } = this.props;\n const { offeredTests } = this.state;\n if (offeredTests.id !== undefined) {\n onDeleteOfferedTest(offeredTests);\n setTimeout(() => {\n onGetCorporateTests(this.state.user_id);\n }, 1000);\n this.setState({ deleteModal: false });\n }\n };\n\n handleOfferedTestClick = arg => {\n const offeredTest = arg;\n\n this.setState({\n test_id: offeredTest.test_id,\n offeredTest: {\n id: offeredTest.id,\n test_name: offeredTest.test_name,\n average_price: offeredTest.average_price,\n test_id: offeredTest.test_id,\n price: offeredTest.price,\n start_date: offeredTest.start_date,\n end_date: offeredTest.end_date,\n // is_active:'Yes',\n },\n isEdit: true,\n });\n\n this.toggle();\n };\n\n render() {\n const { SearchBar } = Search;\n\n const { offeredTests } = this.props;\n const { tests } = this.props;\n const { labProfiles } = this.props;\n // const { units } = this.props;\n\n const { isEdit, deleteModal } = this.state;\n\n const { onUpdateCorporateTest, onGetCorporateTests, } =\n this.props;\n const offeredTest = this.state.offeredTest;\n\n const pageOptions = {\n sizePerPage: 10000,\n totalSize: offeredTests.length, // replace later with size(offeredTests),\n custom: true,\n };\n\n const defaultSorted = [\n {\n dataField: \"id\", // if dataField is not match to any column you defined, it will be ignored.\n order: \"desc\", // desc or asc\n },\n ];\n\n const testList = [];\n for (let i = 0; i < tests.length; i++) {\n let flag = 0;\n\n // Check if test available in our database is already being offered by lab\n // If yes then don't push it in testList\n for (let j = 0; j < offeredTests.length; j++) {\n if (tests[i].id == offeredTests[j].test_id) {\n flag = 1;\n }\n }\n\n if (!flag) {\n testList.push({\n label: tests[i].name,\n value: tests[i].id,\n });\n }\n }\n\n return (\n \n \n Corporate Offered Tests List | Lab Hazir \n \n \n {/* Render Breadcrumbs */}\n \n {/* \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n \n
\n\n \n
\n \n )}\n \n )}\n \n \n \n \n
\n \n
\n \n \n Note: If referral fee of any offered test is not entered by Labhazir, all such tests will not be online.\n \n \n
*/}\n \n
\n \n\n \n
\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n {!!isEdit\n ? \"Edit Offered Test\"\n : \"Add Offered Test\"}\n \n \n {\n if (isEdit) {\n const updateCorporateTest = {\n id: offeredTest.id,\n test_id: parseInt(\n values.test_id\n ),\n price: values.price,\n start_date: values.start_date,\n end_date: values.end_date,\n\n // is_active:\n // values.is_active,\n };\n\n // update OfferedTest\n onUpdateCorporateTest(\n updateCorporateTest,\n this.state.user_id,\n );\n\n setTimeout(() => {\n onGetCorporateTests(\n this.state.user_id\n );\n }, 1000);\n } else {\n // if (!values.unit_id) {\n // values.unit_id = units[0].id;\n // }\n\n const newOfferedTest = {\n id:\n Math.floor(\n Math.random() * (30 - 20)\n ) + 20,\n test_id: this.state.test_id,\n price: values.price,\n start_date: values.start_date,\n end_date: values.end_date,\n\n // is_active:\n // values.is_active,\n };\n\n // save new OfferedTest\n onAddNewOfferedTest(\n newOfferedTest,\n this.state.user_id\n );\n\n setTimeout(() => {\n onGetCorporateTests(\n this.state.user_id\n );\n }, 1000);\n }\n this.setState({\n selectedOfferedTest: null,\n });\n this.toggle();\n }}\n >\n {({ errors, status, values, touched }) => (\n \n )}\n \n \n \n
\n \n \n \n Appointments Statement | Lab Hazir \n \n \n \n
\n {isEmpty(this.props.b2baccountStatements) && (\n \n \n \n \n \n \n
\n )}\n {!isEmpty(this.props.b2baccountStatements) && (\n \n \n \n \n \n \n
\n )}\n \n
\n \n \n \n Note: Settled Appointements indicate that payment has been made to both the respective lab where the corporate employee tests were performed and to Lab Hazir.\n.\n \n \n
\n \n \n \n
\n
\n | Employee ID | \nEmployee Name | \nOrder ID | \nLab Name | \nLab Type | \nAppointment Status | \nPayment Method/ Status | \nInvoice Value | \nLab Payable | \nLabhazir Payable | \nIs Settled | \n
|---|
\n {/* Add filter field */}\n \n this.handleCorporateSelect(e.target.value)}\n value={this.state.selectedCorporate}\n >\n \n {uniqueLabNames.map((labName, i) => (\n \n ))}\n \n \n\n this.handleFilterChange(e.target.value)}\n value={this.state.isSettledFilter}\n >\n \n \n \n \n \n
\n \n \n
\n \n \n Lab Details: \n \n \n \n \n \n \n \n
\n | Employee ID | \nEmployee Name | \nOrder ID | \nLab Name | \nLab Type | \nAppointment Status | \nPayment Method/ Status | \nInvoice Value | \nLab Payable | \nLabhazir Payable | \nIs Settled | \n
|---|---|---|---|---|---|---|---|---|---|---|
\n \n {b2baccountStatement.employee_id}\n\n | \n \n \n {b2baccountStatement.employee_name}\n\n | \n \n \n \n {b2baccountStatement.order_id && (\n \n | \n \n \n {/* {b2baccountStatement.lab_name} */}\n this.openLabModal(e, b2baccountStatement)}\n onMouseEnter={e => this.openLabModal(e, b2baccountStatement)}\n >\n {b2baccountStatement.lab_name}\n \n\n | \n \n \n {b2baccountStatement.lab_type}\n\n | \n \n \n \n \n {b2baccountStatement.appointment_status}\n\n | \n \n {/* */}\n {b2baccountStatement.payment_status == \"Not Paid\" ? (\n \n {b2baccountStatement.payment_method == \"Cash\" ? (\n \"Patient to Lab\"\n ) :\n {b2baccountStatement.payment_method}},{\" \"}\n {b2baccountStatement.payment_status}\n \n ) : (\n \n {b2baccountStatement.payment_method == \"Cash\" ? (\n \"Patient to Lab\"\n ) :\n {b2baccountStatement.payment_method}},{\" \"}\n {b2baccountStatement.payment_status}\n \n )}\n {/* */}\n | \n \n {b2baccountStatement.amount == 0 ? (\n \n {b2baccountStatement.amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n\n ) : (\n\n {b2baccountStatement.amount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n\n | \n\n \n {b2baccountStatement.receivable == 0 ? (\n \n ---\n \n\n ) : (\n\n {b2baccountStatement.receivable.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n )}\n\n | \n \n {b2baccountStatement.plateform_fees == 0 ? (\n \n ---\n \n\n ) : (\n\n {parseInt(b2baccountStatement.plateform_fees).toString()}\n \n )}\n\n | \n\n \n {b2baccountStatement.is_settled == true ? (\n \n \n \n ) : (\n \n \n \n )}\n\n | \n
| \n Total\n | \n\n \n {filteredTotal.totalAmount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n | \n \n \n {filteredTotal.totalReceivable.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n | \n \n \n {filteredTotal.totalPayable.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n \n | \n \n |
\n // {offeredTest.lab_name}\n //
\n // \n // ), filter: textFilter(),\n // },\n {\n dataField: \"lab_name\",\n text: \"Lab Name\",\n sort: true,\n headerFormatter: (column, colIndex, { sortElement, filterElement }) => {\n return (\n\n {filterElement}\n
\n );\n },\n formatter: (cellContent, offeredTest) => (\n <>\n \n {column.text} {sortElement}\n
\n \n {offeredTest.lab_name}\n
\n\n {filterElement}\n
\n );\n },\n formatter: (cellContent, offeredTest) => (\n <>\n \n {column.text} {sortElement}\n
\n \n {offeredTest.lab_address}\n
\n\n // \n // \n // this.handleOfferedTestClick(e, offeredTest)}\n // >\n // \n // \n //
\n // ),\n // },\n ],\n };\n this.handleOfferedTestClick = this.handleOfferedTestClick.bind(this);\n this.toggle = this.toggle.bind(this);\n this.handleOfferedTestClicks = this.handleOfferedTestClicks.bind(this);\n this.onClickDelete = this.onClickDelete.bind(this);\n }\n\n componentDidMount() {\n\n const { cemployeeDatas, onGetLabsCorporate, } = this.props;\n onGetLabsCorporate(this.state.user_id);\n this.setState({ cemployeeDatas });\n console.log(\"state\", cemployeeDatas)\n\n }\n\n toggle() {\n this.setState(prevState => ({\n modal: !prevState.modal,\n }));\n }\n\n // Select\n handleSelectGroup = selectedGroup => {\n this.setState({ offeredTest: selectedGroup.value });\n };\n openPatientModal = (e, arg) => {\n this.setState({\n PatientModal: true,\n test_details: arg.test_details,\n });\n };\n // handleMouseExit = () => {\n // this.setState({\n // PatientModal: false,\n // isHovered: false,\n\n // });\n // };\n togglePatientModal = () => {\n this.setState(prevState => ({\n PatientModal: !prevState.PatientModal,\n }));\n this.state.btnText === \"Copy\"\n ? this.setState({ btnText: \"Copied\" })\n : this.setState({ btnText: \"Copy\" });\n };\n handleOfferedTestClicks = () => {\n this.setState({ offeredTest: \"\", isEdit: false, });\n this.toggle();\n };\n\n // eslint-disable-next-line no-unused-vars\n componentDidUpdate(prevProps, prevState, snapshot) {\n const { cemployeeDatas } = this.props;\n if (\n !isEmpty(cemployeeDatas) &&\n size(prevProps.cemployeeDatas) !== size(cemployeeDatas)\n ) {\n this.setState({ cemployeeDatas: {}, isEdit: false });\n }\n }\n\n onPaginationPageChange = page => {\n if (\n this.node &&\n this.node.current &&\n this.node.current.props &&\n this.node.current.props.pagination &&\n this.node.current.props.pagination.options\n ) {\n this.node.current.props.pagination.options.onPageChange(page);\n }\n };\n\n /* Insert,Update Delete data */\n\n toggleDeleteModal = () => {\n this.setState(prevState => ({\n deleteModal: !prevState.deleteModal,\n }));\n };\n\n onClickDelete = cemployeeDatas => {\n this.setState({ cemployeeDatas: cemployeeDatas });\n this.setState({ deleteModal: true });\n };\n\n handleOfferedTestClick = (e, arg) => {\n this.setState({\n offeredTest: {\n id: arg.id,\n name: arg.name,\n employee_code: arg.employee_code,\n },\n isEdit: true,\n });\n\n this.toggle();\n };\n // handleSaveButtonClick = () => {\n // // Your other logic...\n \n // const { offeredTest } = this.state;\n \n // const updateCemployee = {\n // id: offeredTest.id,\n // name: this.state.name,\n // employee_code: this.state.employee_code,\n // };\n \n // // Dispatch the action\n // this.props.onUpdateCemployee(updateCemployee);\n \n // // Optionally, you can handle the asynchronous behavior here\n // // For example, use a promise or callback function\n // setTimeout(() => {\n // this.props.onGetLabsCorporate(\n // this.state.user_id\n // );\n // }, 1000);\n \n // // Close the modal or perform other actions as needed\n // this.toggle();\n // };\n\n render() {\n const { SearchBar } = Search;\n\n const { cemployeeDatas } = this.props;\n\n const { isEdit, deleteModal } = this.state;\n\n const { onUpdateCemployee, onGetLabsCorporate, } =\n this.props;\n const offeredTest = this.state.offeredTest;\n\n const pageOptions = {\n sizePerPage: 10000,\n totalSize: cemployeeDatas.length, // replace later with size(cemployeeDatas),\n custom: true,\n };\n\n const defaultSorted = [\n {\n dataField: \"id\", // if dataField is not match to any column you defined, it will be ignored.\n order: \"desc\", // desc or asc\n },\n ];\n\n return (\n \n \n Labs List | Lab Hazir \n \n \n {/* Render Breadcrumbs */}\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitprops => (\n \n {/* \n
*/}\n\n \n
\n \n )}\n \n )}\n \n \n \n \n
\n \n
\n \n \n Note: The labs listed here has accepted the corporate pricing for all required tests.\n \n \n
\n \n
\n \n\n \n
\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n {!!isEdit\n ? \"Edit Employee Data\"\n : \"Add Employee Data\"}\n \n \n {\n console.log(\"Form submitted with values:\", values);\n setSubmitting(false);\n\n const updateCemployee =\n {\n id: offeredTest.id,\n name: values.name,\n employee_code:\n values.employee_code,\n };\n\n // update PaymentStatus\n onUpdateCemployee(\n updateCemployee\n );\n setTimeout(() => {\n onGetLabsCorporate(\n this.state.user_id\n );\n }, 1000);\n this.toggle();\n }}\n >\n {({ errors, status, touched, isValid }) => (\n \n )}\n \n \n \n
\n \n \n \n Payment Form | Lab Hazir - Dashboard \n \n \n \n \n \n
\n \n {this.state.successMessage && \n\n \n \n \n \n \n
\n
\n {this.state.successMessage}
}\n \n \n Note: Make Payment for Lab or Labhazir.\n \n \n
\n
\n \n
\n \n \n \n this.setState({\n payment_for: e.target.value,\n })\n }\n defaultValue={this.state.payment_for}\n className=\"form-select\"\n >\n \n --- Please select the Type\n ---\n \n \n \n \n\n \n\n {this.state.payment_for == \"Lab\" ? (\n outPayment.lab_id ? (\n \n \n this.handleAmountChange(e)}\n />\n {this.state.amountExceedsLimit && (\n \n Warning: The entered amount cannot exceed the Lab Payable Amount.\n \n )}\n \n\n\n \n \n \n\n\n \n \n \n this.setState({\n payment_method: e.target.value,\n })\n }\n defaultValue={this.state.payment_method}\n className=\"form-select\"\n >\n \n --- Please select the Payment Type\n ---\n \n \n \n\n \n \n\n \n \n \n this.setState({\n cheque_no: e.target.value,\n })\n }\n />\n \n\n \n \n \n this.setState({\n payment_at:\n e.target.value,\n })\n }\n />\n \n \n \n {\n this.setState({\n cheque_image:\n e.target.files[0],\n });\n }}\n // className=\"form-control is-invalid\"\n className={\n \"form-control\" +\n (this.state.cheque_image.length >\n 0 && !this.state.cheque_image\n ? \" is-invalid\"\n : \"\")\n }\n />\n \n \n \n \n this.setState({\n comments: e.target.value,\n })\n }\n />\n \n\n \n \n \n Submit\n \n \n
\n\n
\n \n \n \n \n {\n outPayment.lab_name\n }\n \n \n
\n ) : (\n \n \n \n this.setState({\n lab_id:\n selectedGroup.value,\n })\n }\n className={\n \"defautSelectParent\" +\n (!this.state.lab_id\n ? \" is-invalid\"\n : \"\")\n }\n styles={{\n control: (\n base,\n state\n ) => ({\n ...base,\n borderColor: !this\n .state.lab_id\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n options={donationlabList}\n placeholder=\"Select Lab...\"\n />\n\n
)\n ) : null}\n {this.state.payment_for == \"Labhazir\" ? (\n \n Please select your Lab\n
\n \n \n {\n const selectedValues = selectedGroup.map(option => option.value);\n if (selectedValues.includes(\"all\")) {\n // If \"All Appointments\" option is selected, select all appointments\n const allAppointmentIds = CardAppointmentList\n .filter(option => option.value !== \"all\")\n .map(option => option.value);\n this.setState({ test_appointment_id: allAppointmentIds });\n\n const selectedData = CardAppointmentList\n .filter(option => option.value !== \"all\")\n .map(option => option.data || {});\n const totalAmount = selectedData.reduce(\n (total, appointment) => total + (parseFloat(appointment.plateform_fees) || 0),\n 0\n );\n this.setState({\n selectedAmount: totalAmount,\n amountExceedsLimit: false,\n });\n\n // Auto-set the amount field\n this.setState({ amount: totalAmount || '0' });\n console.log(\"amount arahi h yah nahi\", selectedData, totalAmount);\n } else {\n this.setState({ test_appointment_id: selectedValues });\n\n const selectedData = selectedGroup.map(option => option.data || {});\n const totalAmount = selectedData.reduce(\n (total, appointment) => total + (parseFloat(appointment.plateform_fees) || 0),\n 0\n );\n this.setState({\n selectedAmount: totalAmount,\n amountExceedsLimit: false,\n });\n\n // Auto-set the amount field\n this.setState({ amount: totalAmount || '0' });\n console.log(\"amount arahi h yah nahi\", selectedData, totalAmount);\n }\n }}\n className={\n \"defautSelectParent\" +\n (!this.state.test_appointment_id\n ? \" is-invalid\"\n : \"\")\n }\n styles={{\n control: (\n base,\n state\n ) => ({\n ...base,\n borderColor: !this\n .state.test_appointment_id\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n options={CardAppointmentList}\n placeholder=\"Select Appointment...\"\n />\n\n
\n ) : null}\n {this.state.payment_for === \"Lab\" && (\n \n Please select Appointment\n
\n \n \n {\n const selectedValues = selectedGroup.map(option => option.value);\n if (selectedValues.includes(\"all\")) {\n // If \"All Appointments\" option is selected, select all appointments\n const allAppointmentIds = DonationAppointmentList\n .filter(option => option.value !== \"all\")\n .map(option => option.value);\n this.setState({ test_appointment_id: allAppointmentIds });\n\n const selectedData = DonationAppointmentList\n .filter(option => option.value !== \"all\")\n .map(option => option.data || {});\n const totalAmount = selectedData.reduce(\n (total, appointment) => total + (parseFloat(appointment.dues) || 0),\n 0\n );\n this.setState({\n selectedAmount: totalAmount,\n amountExceedsLimit: false,\n });\n\n // Auto-set the amount field\n this.setState({ amount: totalAmount || '0' });\n console.log(\"amount arahi h yah nahi\", selectedData, totalAmount);\n } else {\n this.setState({ test_appointment_id: selectedValues });\n\n const selectedData = selectedGroup.map(option => option.data || {});\n const totalAmount = selectedData.reduce(\n (total, appointment) => total + (parseFloat(appointment.dues) || 0),\n 0\n );\n this.setState({\n selectedAmount: totalAmount,\n amountExceedsLimit: false,\n });\n\n // Auto-set the amount field\n this.setState({ amount: totalAmount || '0' });\n console.log(\"amount arahi h yah nahi\", selectedData, totalAmount);\n }\n }}\n className={\n \"defautSelectParent\" +\n (!this.state.test_appointment_id\n ? \" is-invalid\"\n : \"\")\n }\n styles={{\n control: (\n base,\n state\n ) => ({\n ...base,\n borderColor: !this\n .state.test_appointment_id\n ? \"#f46a6a\"\n : \"#ced4da\",\n }),\n }}\n options={DonationAppointmentList}\n placeholder=\"Select Appointment...\"\n />\n\n
\n )}\n\n\n \n Please select Appointment\n
\n \n Tax amount cannot exceed the total amount.\n
\n )}\n \n \n Created{\" \"}\n \n
\n \n \n {`${day}-${month}-${year}`}\n
\n );\n },\n filter: textFilter(),\n headerStyle: { backgroundColor: '#DCDCDC' },\n style: { backgroundColor: '\t#F0F0F0' },\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n formatter: (cellContent, paymentCreatedStatus) => (\n <>\n\n {paymentCreatedStatus && typeof paymentCreatedStatus.amount !== 'undefined' ? (\n {Math.abs(paymentCreatedStatus.amount).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\n ) : (\n N/A // or any default value you want to display when amount is undefined\n )}\n
\n \n ),filter: textFilter(),\n headerStyle: { backgroundColor: '#DCDCDC' },\n style: { backgroundColor: '\t#F0F0F0' },\n },\n {\n dataField: \"payment_status\",\n text: \"Payment Status\",\n sort: true,\n formatter: (cellContent, paymentCreatedStatus) => (\n <>\n {paymentCreatedStatus.payment_status}\n \n ),\n filter: selectFilter({\n options: {\n '': 'All',\n 'Created': 'Created',\n 'Submit': 'Submit',\n 'Paid': 'Paid',\n },\n defaultValue: 'All',\n }),\n headerStyle: { backgroundColor: '#DCDCDC' },\n style: { backgroundColor: '\t#F0F0F0' },\n },\n {\n dataField: \"menu\",\n isDummyField: true,\n editable: false,\n text: \"Action\",\n formatter: (cellContent, paymentCreatedStatus) => (\n <>\n {paymentCreatedStatus.payment_status !== \"Paid\" && paymentCreatedStatus.payment_status !== \"Submit\" ? ( \n \n this.handleCreateClick(e, paymentCreatedStatus)}\n \n >\n Edit\n \n \n this.handleSubmitClick(e, paymentCreatedStatus)}\n \n >\n Update\n \n \n
\n ) : (\n \"---\"\n )}\n \n \n \n ),\n headerStyle: { backgroundColor: '#DCDCDC' },\n },\n {\n dataField: \"menu\",\n isDummyField: true,\n editable: false,\n text: \"Comments/ Voucher\",\n formatter: (cellContent, paymentCreatedStatus) => (\n \n \n \n
\n ),\n headerStyle: { backgroundColor: '#DCDCDC' },\n }\n \n \n \n ];\n const { SearchBar } = Search;\n const isDonation = this.state.paymentCreatedStatus.payment_for === \"Donor\";\n\n console.log(\"what payment type\", isDonation)\n const { paymentStatuss } = this.props;\n const uniqueCorporateNames = [...new Set(paymentStatuss.map((statement) => statement.lab_name))];\n \n // Generate labOptions for the