{"version":3,"sources":["pages/config.js","pages/Payment.js","pages/AriesPay.js","pages/TrackComplaint.js","pages/PayDirect.js","pages/BillCalculator.js","pages/NewReqCapture.js","pages/components/InputMask.js","pages/EbillRegister.js","pages/ServerLogs.js","pages/EmployeeDetails.js","pages/Adjustment.js","pages/FeedBack.js","App.js","reportWebVitals.js","index.js"],"names":["BASE_API_URL","Content","Layout","Footer","Option","Select","styles","shadow","width","fontWeight","borderRadius","Payment","useState","ConnectionDetails","setConnectionDetails","isModalVisible","setIsModalVisible","BillDetails","setBillDetails","billAmount","setBillAmount","pendingAmount","setPendingAmount","loading","setLoading","selectedPaymentMode","setSelectedPaymentMode","location","useLocation","query","URLSearchParams","search","AccountNo","get","Amount","useEffect","fetchDueData","fetchBillData","DueAndPendingData","handleOk","document","forms","submit","alert","playStoreClick","window","href","appStoreClick","handleCancel","fetch","then","response","json","responseJson","parseFloat","catch","error","console","log","pending","Due","TodayBill","toFixed","AmountChange","value","className","style","padding","marginTop","flex","justifyContent","display","marginBottom","bordered","fontSize","backgroundImage","backgroundSize","color","height","flexDirection","replace","format","LastPaymentDate","alignItems","onClick","type","size","borderColor","backgroundColor","Name","Address","ConnectionStatus","textAlign","borderBottomRadius","paddingRight","src","preview","paddingLeft","visible","onOk","onCancel","footer","addonBefore","addonAfter","defaultValue","okText","cancelText","onChange","placeholder","method","action","name","MobileNo","renderModal","AriesPay","TrackComplaint","complaintDetails","setComplaintDetails","ComplaintId","details","textDecorationLine","textDecorationColor","CustomerName","CustomerAddress","CustomerAccNo","PresentStatus","DateCaptured","SupervisorName","TypeName","PayDirect","accountBalance","BillCalculator","RangePicker","DatePicker","billDetails","loading2","setLoading2","setStartDate","setEndDate","categoryId","setCategoryId","noHouses","setNoHouses","dayCount","setDayCount","consumptions","setConsumptions","showDetails","setShowDetails","categories","CategoryId","CategoryDescription","ConsumerCategoryCode","showSearch","optionFilterProp","onSearch","val","filterOption","input","option","children","toLowerCase","indexOf","map","item","index","date","dateString","date1","date2","a","moment","b","start","last","Date","oneDay","diffTime","getTime","Math","round","getDays","rules","required","target","Modal","title","content","axios","post","NoOfDays","Consumption","NoOfHouses","headers","data","Calculation","UsageCharge","ServiceCharge","TotalAmount","Tariff","ConsumptionFrom","ConsumptionTo","UnitRate","Quantity","NewReqCapture","label","Tittle","ConsumerId","Title","initial","RequestType","ReferenceNo","ConsumerName","NICNo","Address1","Address2","Address3","PostalAddress1","PostalAddress2","PostalAddress3","TelNoOffice","TelNoResidence","FaxNo","EmailAddress","NearestAccountNo","connectionData","setConnectionData","info","InputMask","forwardRef","props","ref","inputProps","disabled","EbillRegister","ConnectionId","DirectNo","CapturedDate","accountData","setAccountData","mask","message","Details","result","Initial","ServerLogs","TabPane","Tabs","LoggerData","setLoggerData","getData","key","file","defaultActiveKey","tab","source","status","timestamp","EmployeeDetails","EmployeeId","FixedTelNo","Designation","NameWithInitials","EmployeeNo","Adjustment","startDate","endDate","undefined","FromDate","ToDate","TariffAdjustment","Number","Form","useForm","form","setSatisfaction","onFinish","values","resetFields","Item","toString","TextArea","rows","htmlType","App","path","exact","component","FeedBack","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.ab0b7581.chunk.js","sourcesContent":["const env = {\n\tdev: 'dev',\n\ttest: 'test',\n\tstg: 'stg',\n\tproduct: 'product',\n\tlocal: 'local',\n};\nconst API_URL = {\n\tlocal: '',\n\tdev: 'https://ebis.waterboard.lk/DirectPayAPI/',\n\ttest: '',\n\tstg: '',\n\tproduct: 'https://ebis.waterboard.lk/DirectPayAPI/',\n};\n\nconst currentEnv = env.product;\n\nexport const BASE_API_URL = API_URL[currentEnv];\n","import React, { useState, useEffect } from 'react';\nimport { BASE_API_URL } from './config';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tModal,\n\tInputNumber,\n} from 'antd';\nimport { SwapOutlined, RightOutlined } from '@ant-design/icons';\nimport Moment from 'react-moment';\nimport { useLocation } from 'react-router-dom';\nimport { QRCodeSVG } from 'qrcode.react';\nimport axios from 'axios';\n\nconst { Content, Footer } = Layout;\n\nconst { Option } = Select;\n\nconst Payment = () => {\n\tconst [ConnectionDetails, setConnectionDetails] = useState([]);\n\tconst [isModalVisible, setIsModalVisible] = useState(false);\n\tconst [BillDetails, setBillDetails] = useState([]);\n\tconst [billAmount, setBillAmount] = useState(0);\n\tconst [pendingAmount, setPendingAmount] = useState(0);\n\tconst [dueAmount, setDueAmount] = useState(0);\n\tconst [loading, setLoading] = useState(false);\n\tconst [selectedPaymentMode, setSelectedPaymentMode] = useState(false);\n\tconst [showQR, setShowQR] = useState(false);\n\tconst [showQRValue, setShowQRValue] = useState('');\n\tconst [showQRToken, setShowQRToken] = useState('');\n\tconst Background = 'banner.png';\n\n\tlet location = useLocation();\n\tconst query = new URLSearchParams(location.search);\n\tconst AccountNo = query.get('acc');\n\t//const AccountNo = '21/03/330/455/11';\n\tconst Amount = query.get('pay');\n\t//const Amount = '1000.50';\n\n\t//console.log(AccountNo);\n\t//console.log(Amount);\n\n\tuseEffect(() => {\n\t\t//qrTokenRequest();\n\t\tif (Amount !== null && AccountNo !== null) {\n\t\t\tfetchDueData();\n\t\t\tfetchBillData();\n\t\t\tDueAndPendingData();\n\t\t}\n\t}, []);\n\n\tconst showModal = () => {\n\t\tsetIsModalVisible(true);\n\t};\n\n\tconst handleOk = () => {\n\t\tif (selectedPaymentMode == 1) {\n\t\t\tdocument.forms[0].submit();\n\t\t} else if (selectedPaymentMode == 2) {\n\t\t\tdocument.forms[1].submit();\n\t\t} else if (selectedPaymentMode == 3) {\n\t\t\t// qrRequest();\n\t\t\t// qrTokenRequest();\n\t\t} else {\n\t\t\talert('Select payment mode to proceed!');\n\t\t}\n\t};\n\n\t// const qrRequest = () => {\n\t// \tconst data = {\n\t// \t\ttid: '11111186',\n\t// \t\tlankaqrmid: '0000005555555685',\n\t// \t\tlankaqrtid: '0001',\n\t// \t\tamount: billAmount,\n\t// \t\tmode: 5,\n\t// \t};\n\n\t// \tconst headers = {\n\t// \t\tAuthorization: 'Bearer 9bcfec56-2082-3f8a-9e75-a3902679138f',\n\t// \t\t'Content-Type': 'application/json',\n\t// \t};\n\n\t// \taxios\n\t// \t\t.post('https://uatopenapi.nationstrust.com:8243/ntb/vi.0.0/sense', data, {\n\t// \t\t\theaders: headers,\n\t// \t\t})\n\t// \t\t.then((response) => {\n\t// \t\t\tconsole.log(response.data);\n\t// \t\t})\n\t// \t\t.catch((error) => {\n\t// \t\t\tconsole.error(error);\n\t// \t\t});\n\t// };\n\t// const qrTokenRequest = () => {\n\t// \tfetch('https://uatopenapi.nationstrust.com:8243/token/', {\n\t// \t\tmethod: 'POST',\n\t// \t\theaders: {\n\t// \t\t\t'Content-Type': 'application/x-www-form-urlencoded',\n\t// \t\t\tAuthorization:\n\t// \t\t\t\t'Basic cXVPM3ppNUY2c3BPZnYwZlExOEt0QWJ3TFJNYTpXN3hpVjRGOUNRQWx6TmE5bHBwNVFiTDJuN1Vh',\n\t// \t\t},\n\t// \t\tbody: 'grant_type=client_credentials',\n\t// \t})\n\t// \t\t.then((response) => response.json())\n\t// \t\t.then((data) => console.log(data))\n\t// \t\t.catch((error) => console.error(error));\n\t// };\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetIsModalVisible(false);\n\t};\n\n\tconst fetchDueData = () => {\n\t\tsetLoading(true);\n\t\tfetch(BASE_API_URL + 'Api/SelfCare/BillDueAmount?AccountNo=' + AccountNo)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tsetConnectionDetails(responseJson);\n\n\t\t\t\tvar value = parseFloat(Amount);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst fetchBillData = () => {\n\t\tsetLoading(true);\n\t\tfetch(BASE_API_URL + 'Api/SelfCare/BillDetails?AccountNo=' + AccountNo)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tsetBillDetails(responseJson);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst DueAndPendingData = () => {\n\t\tsetLoading(true);\n\t\tfetch(\n\t\t\tBASE_API_URL + 'Api/SelfCare/GetBillWithPending?AccountNo=' + AccountNo\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tconsole.log(responseJson);\n\t\t\t\tsetPendingAmount([\n\t\t\t\t\t{\n\t\t\t\t\t\tpending: responseJson[1],\n\t\t\t\t\t\tDue: responseJson[0],\n\t\t\t\t\t\tTodayBill: parseFloat(Amount),\n\t\t\t\t\t},\n\t\t\t\t]);\n\n\t\t\t\tsetBillAmount(\n\t\t\t\t\tresponseJson[0] + parseFloat(Amount) < 0\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: (responseJson[0] + parseFloat(Amount)).toFixed(2)\n\t\t\t\t);\n\t\t\t\t//setDueAmount(responseJson[0]);\n\t\t\t\t//setPendingAmount(responseJson[0]);\n\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconsole.log(pendingAmount);\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst AmountChange = (value) => {\n\t\tsetBillAmount(value);\n\t\tconsole.log(value);\n\t};\n\n\tconst renderModal = () => {\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible={isModalVisible}\n\t\t\t\tonOk={handleOk}\n\t\t\t\tonCancel={handleCancel}\n\t\t\t\tfooter={[\n\t\t\t\t\t<Button key='back' onClick={handleCancel}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>,\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey='submit'\n\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\tonClick={handleOk}>\n\t\t\t\t\t\tProceed\n\t\t\t\t\t</Button>,\n\t\t\t\t]}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: '#417ffb',\n\t\t\t\t\t\tborderRadius: 6,\n\n\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t}}>\n\t\t\t\t\t<p style={{ color: '#fff', fontWeight: 'bold' }}>PAYMENT AMOUNT</p>\n\t\t\t\t\t<p style={{ color: '#fff' }}>\n\t\t\t\t\t\tEnter your bill amount with decimal or without decimal.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<InputNumber\n\t\t\t\t\taddonBefore='+'\n\t\t\t\t\taddonAfter='Rs'\n\t\t\t\t\tdefaultValue={(pendingAmount[0]?.Due + pendingAmount[0]?.TodayBill < 0\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: pendingAmount[0]?.Due + pendingAmount[0]?.TodayBill\n\t\t\t\t\t).toFixed(2)}\n\t\t\t\t\tokText='Proceed'\n\t\t\t\t\tcancelText='Cancel'\n\t\t\t\t\tonChange={AmountChange}\n\t\t\t\t\tstyle={{ borderRadius: 5, marginTop: 20, width: '100%' }}\n\t\t\t\t/>\n\n\t\t\t\t<div>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tplaceholder='Select payment mode'\n\t\t\t\t\t\tonChange={(value) => setSelectedPaymentMode(value)}\n\t\t\t\t\t\tstyle={{ borderRadius: 10, marginTop: 20, width: '100%' }}>\n\t\t\t\t\t\t<Option value='1'>Master / Visa</Option>\n\t\t\t\t\t\t<Option value='2'>AMEX</Option>\n\t\t\t\t\t\t{/* <Option value='3'>QR</Option> */}\n\t\t\t\t\t</Select>\n\t\t\t\t</div>\n\n\t\t\t\t<form\n\t\t\t\t\tmethod='post'\n\t\t\t\t\taction='https://ebis.waterboard.lk/Payment/Checkout.php'>\n\t\t\t\t\t<input type='hidden' name='account_no' value={AccountNo} />\n\t\t\t\t\t<input type='hidden' name='order_amount' value={billAmount} />\n\t\t\t\t\t<input type='hidden' name='payment_type' value='1' />\n\t\t\t\t\t<input type='hidden' name='payment_source' value='DirectPay' />\n\t\t\t\t\t<input type='hidden' name='order_currency' value='LKR' />\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='mobile_no'\n\t\t\t\t\t\tvalue={ConnectionDetails[0]?.MobileNo}\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='customer_receipt_email'\n\t\t\t\t\t\tvalue='meterlink@waterboard.lk'\n\t\t\t\t\t/>\n\t\t\t\t</form>\n\t\t\t\t<form\n\t\t\t\t\tmethod='post'\n\t\t\t\t\taction='https://ebis.waterboard.lk/AMEX/ipay-express-checkout/process.php'>\n\t\t\t\t\t<input type='hidden' name='account_no' value={AccountNo} />\n\t\t\t\t\t<input type='hidden' name='order_amount' value={billAmount} />\n\t\t\t\t\t<input type='hidden' name='payment_type' value='1' />\n\t\t\t\t\t<input type='hidden' name='payment_source' value='DirectPay' />\n\t\t\t\t\t<input type='hidden' name='order_currency' value='LKR' />\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='mobile_no'\n\t\t\t\t\t\tvalue={ConnectionDetails[0]?.MobileNo}\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='customer_receipt_email'\n\t\t\t\t\t\tvalue='meterlink@waterboard.lk'\n\t\t\t\t\t/>\n\t\t\t\t</form>\n\t\t\t\t{/* {selectedPaymentMode == 3 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<QRCodeSVG value='Hello' />\n\t\t\t\t\t</div>\n\t\t\t\t)} */}\n\t\t\t</Modal>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t{/* <Breadcrumb style={{ margin: '16px 0' }}>\n\t\t\t\t\t\t<Breadcrumb.Item>Home</Breadcrumb.Item>\n\t\t\t\t\t\t<Breadcrumb.Item>NWSDB Water Bill Payment</Breadcrumb.Item>\n\t\t\t\t\t</Breadcrumb> */}\n\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 40,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Spin size='large' />\n\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p style={{ fontSize: 18 }}>Pay Water Bill Instantly</p>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t//class='bg_image'\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundImage: `url(${Background})`,\n\t\t\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\t\t\tcolor: '#f5f5f5',\n\t\t\t\t\t\t\t\t\t\theight: 200,\n\t\t\t\t\t\t\t\t\t\t// marginLeft: -24,\n\t\t\t\t\t\t\t\t\t\t// marginRight: -24,\n\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ marginTop: 20 }}>Your Due Amount</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -15,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 36 }}>\n\t\t\t\t\t\t\t\t\t\t\tRs.\n\t\t\t\t\t\t\t\t\t\t\t{(pendingAmount[0]?.Due + pendingAmount[0]?.TodayBill < 0\n\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t: pendingAmount[0]?.Due + pendingAmount[0]?.TodayBill\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -35,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 10 }}>\n\t\t\t\t\t\t\t\t\t\t\tLast Payment{' '}\n\t\t\t\t\t\t\t\t\t\t\t<Moment format='D MMM YYYY'>\n\t\t\t\t\t\t\t\t\t\t\t\t{BillDetails[0]?.LastPaymentDate}\n\t\t\t\t\t\t\t\t\t\t\t</Moment>\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={showModal}\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tsize='large'\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 20,\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 200,\n\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t\t\t\t\t\t\tborderColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: '#417ffb',\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tPay\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\tHere info as at{' '}\n\t\t\t\t\t\t\t\t\t\t\t{<Moment format='D MMM YYYY HH:mm'></Moment>}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 30,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\t\t\t\tcolor: 'red',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\tNote : Full or Partial Payments Accepted\n\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.Name}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Address</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.Address}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Account Number</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{AccountNo !== null ? AccountNo : 'N/A'}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{/* <div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t<p>Mobile Number</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.MobileNo}</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> */}\n\n\t\t\t\t\t\t\t\t\t{/* <div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t<p>TotalDue</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.TotalDue}</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Status</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: ConnectionDetails[0]?.ConnectionStatus\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'green'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'red',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{ConnectionDetails[0]?.ConnectionStatus\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Connected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'Disconnected'}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Charges This Month</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{pendingAmount[0]?.TodayBill.toFixed(2).replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t/(\\d)(?=(\\d{3})+(?!\\d))/g,\n\t\t\t\t\t\t\t\t\t\t\t\t\t'$1,'\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Dues Pervious Month</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ borderBottomRadius: 1, textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{(pendingAmount[0]?.Due - pendingAmount[0]?.pending)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Total Amount Due</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.Due +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.TodayBill +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.pending <\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'green'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'black',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{(\n\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.Due +\n\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.TodayBill +\n\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Payments (Pending)</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ color: 'green', textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t-\n\t\t\t\t\t\t\t\t\t\t\t\t{pendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Your Due Amount</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 0.3,\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{(pendingAmount[0]?.Due + pendingAmount[0]?.TodayBill <\n\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: pendingAmount[0]?.Due + pendingAmount[0]?.TodayBill\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\n\t\t\t\t\t\t{renderModal()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default Payment;\n","import React, { useState, useEffect } from 'react';\nimport { BASE_API_URL } from './config';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tModal,\n\tInputNumber,\n} from 'antd';\nimport { SwapOutlined, RightOutlined } from '@ant-design/icons';\nimport Moment from 'react-moment';\nimport { useLocation } from 'react-router-dom';\nconst { Content, Footer } = Layout;\nconst { Option } = Select;\n\nconst AriesPay = () => {\n\tconst [ConnectionDetails, setConnectionDetails] = useState([]);\n\tconst [isModalVisible, setIsModalVisible] = useState(false);\n\tconst [BillDetails, setBillDetails] = useState([]);\n\tconst [billAmount, setBillAmount] = useState(0);\n\tconst [pendingAmount, setPendingAmount] = useState(0);\n\tconst [dueAmount, setDueAmount] = useState(0);\n\tconst [loading, setLoading] = useState(false);\n\tconst [selectedPaymentMode, setSelectedPaymentMode] = useState(false);\n\tconst Background = 'banner.png';\n\n\tlet location = useLocation();\n\tconst query = new URLSearchParams(location.search);\n\tconst AccountNo = query.get('acc');\n\t//const AccountNo = '21/03/330/455/11';\n\tconst Amount = query.get('pay');\n\t//const Amount = '1000.50';\n\n\t//console.log(AccountNo);\n\t//console.log(Amount);\n\n\tuseEffect(() => {\n\t\tif (Amount !== null && AccountNo !== null) {\n\t\t\tfetchDueData();\n\t\t\tfetchBillData();\n\t\t\tDueAndPendingData();\n\t\t}\n\t}, []);\n\n\tconst showModal = () => {\n\t\tsetIsModalVisible(true);\n\t};\n\n\tconst handleOk = () => {\n\t\tif (selectedPaymentMode == 1) {\n\t\t\tdocument.forms[0].submit();\n\t\t} else if (selectedPaymentMode == 2) {\n\t\t\tdocument.forms[1].submit();\n\t\t} else {\n\t\t\talert('Select payment mode to proceed!');\n\t\t}\n\t};\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetIsModalVisible(false);\n\t};\n\n\tconst fetchDueData = () => {\n\t\tsetLoading(true);\n\t\tfetch(BASE_API_URL + 'Api/SelfCare/BillDueAmount?AccountNo=' + AccountNo)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t//console.log(responseJson);\n\t\t\t\t//setDueAmount(responseJson[0]?.TotalDue);\n\t\t\t\tsetConnectionDetails(responseJson);\n\n\t\t\t\tvar value = parseFloat(Amount);\n\n\t\t\t\t//console.log((value + responseJson[0]?.TotalDue).toFixed(2));\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst fetchBillData = () => {\n\t\tsetLoading(true);\n\t\tfetch(BASE_API_URL + 'Api/SelfCare/BillDetails?AccountNo=' + AccountNo)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t//console.log(responseJson);\n\t\t\t\t//setDueAmount(responseJson[0]?.TotalDue);\n\t\t\t\tsetBillDetails(responseJson);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst DueAndPendingData = () => {\n\t\tsetLoading(true);\n\t\tfetch(\n\t\t\tBASE_API_URL + 'Api/SelfCare/GetBillWithPending?AccountNo=' + AccountNo\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tconsole.log(responseJson);\n\t\t\t\tsetPendingAmount([\n\t\t\t\t\t{\n\t\t\t\t\t\tpending: responseJson[1],\n\t\t\t\t\t\tDue: responseJson[0],\n\t\t\t\t\t\tTodayBill: parseFloat(Amount),\n\t\t\t\t\t},\n\t\t\t\t]);\n\n\t\t\t\tsetBillAmount(\n\t\t\t\t\tparseFloat(Amount) - responseJson[1] < 0\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: (parseFloat(Amount) - responseJson[1]).toFixed(2)\n\t\t\t\t);\n\t\t\t\t//setDueAmount(responseJson[0]);\n\t\t\t\t//setPendingAmount(responseJson[0]);\n\t\t\t\t//MissingParameters();\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\t//console.log(Amount);\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst AmountChange = (value) => {\n\t\tsetBillAmount(value);\n\t\tconsole.log(value);\n\t};\n\n\tconst renderModal = () => {\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible={isModalVisible}\n\t\t\t\tonOk={handleOk}\n\t\t\t\tonCancel={handleCancel}\n\t\t\t\tfooter={[\n\t\t\t\t\t<Button key='back' onClick={handleCancel}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>,\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey='submit'\n\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\tonClick={handleOk}>\n\t\t\t\t\t\tProceed\n\t\t\t\t\t</Button>,\n\t\t\t\t]}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: '#417ffb',\n\t\t\t\t\t\tborderRadius: 6,\n\n\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t}}>\n\t\t\t\t\t<p style={{ color: '#fff', fontWeight: 'bold' }}>PAYMENT AMOUNT</p>\n\t\t\t\t\t<p style={{ color: '#fff' }}>\n\t\t\t\t\t\tEnter your bill amount with decimal or without decimal.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<InputNumber\n\t\t\t\t\taddonBefore='+'\n\t\t\t\t\taddonAfter='Rs'\n\t\t\t\t\tdefaultValue={(pendingAmount[0]?.TodayBill -\n\t\t\t\t\t\tpendingAmount[0]?.pending <\n\t\t\t\t\t0\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: pendingAmount[0]?.TodayBill - pendingAmount[0]?.pending\n\t\t\t\t\t).toFixed(2)}\n\t\t\t\t\tokText='Proceed'\n\t\t\t\t\tcancelText='Cancel'\n\t\t\t\t\tonChange={AmountChange}\n\t\t\t\t\tstyle={{ borderRadius: 5, marginTop: 20, width: '100%' }}\n\t\t\t\t/>\n\n\t\t\t\t<div>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tplaceholder='Select payment mode'\n\t\t\t\t\t\tonChange={(value) => setSelectedPaymentMode(value)}\n\t\t\t\t\t\tstyle={{ borderRadius: 10, marginTop: 20, width: '100%' }}>\n\t\t\t\t\t\t<Option value='1'>Master / Visa</Option>\n\t\t\t\t\t\t<Option value='2'>AMEX</Option>\n\t\t\t\t\t</Select>\n\t\t\t\t</div>\n\n\t\t\t\t<form\n\t\t\t\t\tmethod='post'\n\t\t\t\t\taction='https://ebis.waterboard.lk/Payment/Checkout.php'>\n\t\t\t\t\t<input type='hidden' name='account_no' value={AccountNo} />\n\t\t\t\t\t<input type='hidden' name='order_amount' value={billAmount} />\n\t\t\t\t\t<input type='hidden' name='payment_type' value='1' />\n\t\t\t\t\t<input type='hidden' name='payment_source' value='ArrearsPayment' />\n\t\t\t\t\t<input type='hidden' name='order_currency' value='LKR' />\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='mobile_no'\n\t\t\t\t\t\tvalue={ConnectionDetails[0]?.MobileNo}\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='customer_receipt_email'\n\t\t\t\t\t\tvalue='meterlink@waterboard.lk'\n\t\t\t\t\t/>\n\t\t\t\t</form>\n\n\t\t\t\t<form\n\t\t\t\t\tmethod='post'\n\t\t\t\t\taction='https://ebis.waterboard.lk/AMEX/ipay-express-checkout/process.php'>\n\t\t\t\t\t<input type='hidden' name='account_no' value={AccountNo} />\n\t\t\t\t\t<input type='hidden' name='order_amount' value={billAmount} />\n\t\t\t\t\t<input type='hidden' name='payment_type' value='1' />\n\t\t\t\t\t<input type='hidden' name='payment_source' value='DirectPay' />\n\t\t\t\t\t<input type='hidden' name='order_currency' value='LKR' />\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='mobile_no'\n\t\t\t\t\t\tvalue={ConnectionDetails[0]?.MobileNo}\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='customer_receipt_email'\n\t\t\t\t\t\tvalue='meterlink@waterboard.lk'\n\t\t\t\t\t/>\n\t\t\t\t</form>\n\t\t\t</Modal>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t{/* <Breadcrumb style={{ margin: '16px 0' }}>\n\t\t\t\t\t\t<Breadcrumb.Item>Home</Breadcrumb.Item>\n\t\t\t\t\t\t<Breadcrumb.Item>NWSDB Water Bill Payment</Breadcrumb.Item>\n\t\t\t\t\t</Breadcrumb> */}\n\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 40,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Spin size='large' />\n\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p style={{ fontSize: 18 }}>Pay Water Bill Instantly</p>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t//class='bg_image'\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundImage: `url(${Background})`,\n\t\t\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\t\t\tcolor: '#f5f5f5',\n\t\t\t\t\t\t\t\t\t\theight: 200,\n\t\t\t\t\t\t\t\t\t\t// marginLeft: -24,\n\t\t\t\t\t\t\t\t\t\t// marginRight: -24,\n\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ marginTop: 20 }}>Your Due Amount</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -15,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 36 }}>\n\t\t\t\t\t\t\t\t\t\t\tRs.\n\t\t\t\t\t\t\t\t\t\t\t{(pendingAmount[0]?.TodayBill -\n\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.pending <\n\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t: pendingAmount[0]?.TodayBill -\n\t\t\t\t\t\t\t\t\t\t\t\t  pendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -35,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 10 }}>\n\t\t\t\t\t\t\t\t\t\t\tLast Payment{' '}\n\t\t\t\t\t\t\t\t\t\t\t<Moment format='D MMM YYYY'>\n\t\t\t\t\t\t\t\t\t\t\t\t{BillDetails[0]?.LastPaymentDate}\n\t\t\t\t\t\t\t\t\t\t\t</Moment>\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={showModal}\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tsize='large'\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 20,\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 200,\n\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t\t\t\t\t\t\tborderColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: '#417ffb',\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tPay\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\tHere info as at{' '}\n\t\t\t\t\t\t\t\t\t\t\t{<Moment format='D MMM YYYY HH:mm'></Moment>}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 30,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\t\t\t\tcolor: 'red',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\tNote : Full or Partial Payments Accepted\n\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.Name}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Address</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.Address}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Account Number</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{AccountNo !== null ? AccountNo : 'N/A'}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Status</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: ConnectionDetails[0]?.ConnectionStatus\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'green'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'red',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{ConnectionDetails[0]?.ConnectionStatus\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Connected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'Disconnected'}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Total Amount Due</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.TodayBill < 0 ? 'green' : 'black',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{pendingAmount[0]?.TodayBill.toFixed(2).replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t/(\\d)(?=(\\d{3})+(?!\\d))/g,\n\t\t\t\t\t\t\t\t\t\t\t\t\t'$1,'\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Payments (Pending)</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ color: 'green', textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t-\n\t\t\t\t\t\t\t\t\t\t\t\t{pendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Your Due Amount</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 0.3,\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{(pendingAmount[0]?.TodayBill -\n\t\t\t\t\t\t\t\t\t\t\t\t\tpendingAmount[0]?.pending <\n\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: pendingAmount[0]?.TodayBill -\n\t\t\t\t\t\t\t\t\t\t\t\t\t  pendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t\t{renderModal()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default AriesPay;\n","import React, { useState, useEffect } from 'react';\nimport { BASE_API_URL } from './config';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tModal,\n\tInputNumber,\n} from 'antd';\nimport { SwapOutlined, RightOutlined } from '@ant-design/icons';\nimport Moment from 'react-moment';\nimport { useLocation } from 'react-router-dom';\n\nconst { Content, Footer } = Layout;\n\nconst { Option } = Select;\n\nconst TrackComplaint = () => {\n\tconst [ConnectionDetails, setConnectionDetails] = useState([]);\n\n\tconst [pendingAmount, setPendingAmount] = useState(0);\n\tconst [complaintDetails, setComplaintDetails] = useState([]);\n\tconst [loading, setLoading] = useState(false);\n\n\tconst [response, setResponse] = useState('');\n\t//const [socket, setSocket] = useState(null);\n\n\tlet location = useLocation();\n\tconst query = new URLSearchParams(location.search);\n\tconst ComplaintId = query.get('com');\n\n\t// useEffect(() => {\n\t// \tsocket.on('summary', (data) => {\n\t// \t\tsetResponse(data);\n\t// \t\tconsole.log(data);\n\t// \t});\n\t// }, [socket]);\n\n\tuseEffect(() => {\n\t\t// const socket = io(ENDPOINT);\n\t\t// socket.on('chat message', (data) => {\n\t\t// \tsetResponse(data);\n\t\t// \tconsole.log(data);\n\t\t// });\n\n\t\tif (ComplaintId !== null) {\n\t\t\tfetchDueData();\n\t\t}\n\t}, []);\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst fetchDueData = () => {\n\t\tsetLoading(true);\n\t\tfetch(\n\t\t\t'https://ebis.waterboard.lk/api_nwsdb/callCenter/complaintStatus?complaintId=' +\n\t\t\t\tComplaintId\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tsetComplaintDetails(responseJson.details);\n\n\t\t\t\tconsole.log(responseJson);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tTrack Your Complaint\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{complaintDetails[0]?.CustomerName}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Address</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{complaintDetails[0]?.CustomerAddress}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Account Number</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{complaintDetails[0]?.CustomerAccNo}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Complaint Status</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcomplaintDetails[0]?.PresentStatus == 'Completed'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'green'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'red',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{complaintDetails[0]?.PresentStatus}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Date Captured</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Moment format='DD MMM YYYY'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{complaintDetails[0]?.DateCaptured}\n\t\t\t\t\t\t\t\t\t\t\t\t</Moment>\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Supervisor Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ borderBottomRadius: 1, textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{complaintDetails[0]?.SupervisorName}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Complaint Type</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ borderBottomRadius: 1, textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{complaintDetails[0]?.TypeName}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default TrackComplaint;\n","import React, { useState, useEffect } from 'react';\nimport { BASE_API_URL } from './config';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tModal,\n\tInputNumber,\n} from 'antd';\n\nimport { QRCodeCanvas } from 'qrcode.react';\n\nimport { SwapOutlined, RightOutlined } from '@ant-design/icons';\nimport Moment from 'react-moment';\nimport { useLocation } from 'react-router-dom';\nconst { Content, Footer } = Layout;\nconst { Option } = Select;\n\nconst PayDirect = () => {\n\tconst [ConnectionDetails, setConnectionDetails] = useState([]);\n\tconst [isModalVisible, setIsModalVisible] = useState(false);\n\tconst [BillDetails, setBillDetails] = useState([]);\n\tconst [billAmount, setBillAmount] = useState(0);\n\tconst [pendingAmount, setPendingAmount] = useState(0);\n\tconst [dueAmount, setDueAmount] = useState(0);\n\tconst [loading, setLoading] = useState(false);\n\tconst [selectedPaymentMode, setSelectedPaymentMode] = useState(false);\n\tconst Background = 'banner.png';\n\n\tlet location = useLocation();\n\tconst query = new URLSearchParams(location.search);\n\tconst AccountNo = query.get('acc');\n\t//const AccountNo = '21/03/330/455/11';\n\t// const Amount = query.get('pay');\n\t//const Amount = '1000.50';\n\n\t//console.log(AccountNo);\n\t//console.log(Amount);\n\n\tuseEffect(() => {\n\t\tif (AccountNo !== null) {\n\t\t\tfetchDueData();\n\t\t\tfetchBillData();\n\t\t\tDueAndPendingData();\n\t\t}\n\t}, []);\n\n\tconst showModal = () => {\n\t\tsetIsModalVisible(true);\n\t};\n\n\tconst handleOk = () => {\n\t\tif (selectedPaymentMode == 1) {\n\t\t\tdocument.forms[0].submit();\n\t\t} else if (selectedPaymentMode == 2) {\n\t\t\tdocument.forms[1].submit();\n\t\t} else {\n\t\t\talert('Select payment mode to proceed!');\n\t\t}\n\t};\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetIsModalVisible(false);\n\t};\n\n\tconst fetchDueData = () => {\n\t\tsetLoading(true);\n\t\tfetch(BASE_API_URL + 'Api/SelfCare/BillDueAmount?AccountNo=' + AccountNo)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t//console.log(responseJson);\n\t\t\t\t//setDueAmount(responseJson[0]?.TotalDue);\n\t\t\t\tsetConnectionDetails(responseJson);\n\n\t\t\t\t//var value = parseFloat(Amount);\n\n\t\t\t\t//console.log((value + responseJson[0]?.TotalDue).toFixed(2));\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconst fetchBillData = () => {\n\t\tsetLoading(true);\n\t\tfetch(BASE_API_URL + 'Api/SelfCare/BillDetails?AccountNo=' + AccountNo)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t//console.log(responseJson);\n\t\t\t\t//setDueAmount(responseJson[0]?.TotalDue);\n\t\t\t\tsetBillDetails(responseJson);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\t// const DueAndPendingData = () => {\n\t// \tsetLoading(true);\n\t// \tfetch(\n\t// \t\tBASE_API_URL + 'Api/SelfCare/GetBillWithPending?AccountNo=' + AccountNo\n\t// \t)\n\t// \t\t.then((response) => response.json())\n\t// \t\t.then((responseJson) => {\n\t// \t\t\tconsole.log(responseJson);\n\t// \t\t\tsetPendingAmount([\n\t// \t\t\t\t{\n\t// \t\t\t\t\tpending: responseJson[1],\n\t// \t\t\t\t\tDue: responseJson[0],\n\t// \t\t\t\t},\n\t// \t\t\t]);\n\n\t// \t\t\tsetBillAmount((responseJson[0] - responseJson[1]).toFixed(2));\n\t// \t\t\t//setDueAmount(responseJson[0]);\n\t// \t\t\t//setPendingAmount(responseJson[0]);\n\t// \t\t\t//MissingParameters();\n\t// \t\t\tsetLoading(false);\n\t// \t\t})\n\t// \t\t.catch((error) => {\n\t// \t\t\tsetLoading(false);\n\t// \t\t\tconsole.log(error);\n\t// \t\t});\n\t// };\n\n\tconst DueAndPendingData = () => {\n\t\tsetLoading(true);\n\n\t\tfetch(\n\t\t\t'https://ebis.waterboard.lk/api_nwsdb/fieldServices/accountBalance?accountNumber=' +\n\t\t\t\tAccountNo\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t//\tconsole.log(responseJson);\n\t\t\t\t// setPendingAmount([\n\t\t\t\t// \t{\n\t\t\t\t// \t\tpending: responseJson[1],\n\t\t\t\t// \t\tDue: responseJson[0],\n\t\t\t\t// \t},\n\t\t\t\t// ]);\n\n\t\t\t\tsetBillAmount(responseJson.accountBalance);\n\t\t\t\t//setDueAmount(responseJson[0]);\n\t\t\t\t//setPendingAmount(responseJson[0]);\n\t\t\t\t//MissingParameters();\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\t// console.log(billAmount);\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='eyJ0eG5fY29kZSI6Ii0xIiwiZnJpbWlfdHhuX3JlZl9ubyI6bnVsbCwibWVyY2hhbnRfcmVmX25vIjpudWxsLCJkaXNjb3VudF9hbW91bnQiOm51bGwsImRlc2NyaXB0aW9uIjoiU09NRVRISU5HIFdFTlQgV1JPTkchIFBMRUFTRSBDT05UQUNUIFNVUFBPUlQgRk9SIEFTU0lTVEFOQ0UifQ=='\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst AmountChange = (value) => {\n\t\tsetBillAmount(value);\n\t\tconsole.log(value);\n\t};\n\n\tconst renderModal = () => {\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible={isModalVisible}\n\t\t\t\tonOk={handleOk}\n\t\t\t\tonCancel={handleCancel}\n\t\t\t\tfooter={[\n\t\t\t\t\t<Button key='back' onClick={handleCancel}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>,\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey='submit'\n\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\tonClick={handleOk}>\n\t\t\t\t\t\tProceed\n\t\t\t\t\t</Button>,\n\t\t\t\t]}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: '#417ffb',\n\t\t\t\t\t\tborderRadius: 6,\n\n\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t}}>\n\t\t\t\t\t<p style={{ color: '#fff', fontWeight: 'bold' }}>PAYMENT AMOUNT</p>\n\t\t\t\t\t<p style={{ color: '#fff' }}>\n\t\t\t\t\t\tEnter your bill amount with decimal or without decimal.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<InputNumber\n\t\t\t\t\taddonBefore='+'\n\t\t\t\t\taddonAfter='Rs'\n\t\t\t\t\tdefaultValue={(parseFloat(billAmount) < 0\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: parseFloat(billAmount)\n\t\t\t\t\t).toFixed(2)}\n\t\t\t\t\tokText='Proceed'\n\t\t\t\t\tcancelText='Cancel'\n\t\t\t\t\tonChange={AmountChange}\n\t\t\t\t\tstyle={{ borderRadius: 5, marginTop: 20, width: '100%' }}\n\t\t\t\t/>\n\n\t\t\t\t<div>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tplaceholder='Select payment mode'\n\t\t\t\t\t\tonChange={(value) => setSelectedPaymentMode(value)}\n\t\t\t\t\t\tstyle={{ borderRadius: 10, marginTop: 20, width: '100%' }}>\n\t\t\t\t\t\t<Option value='1'>Master / Visa</Option>\n\t\t\t\t\t\t<Option value='2'>AMEX</Option>\n\t\t\t\t\t</Select>\n\t\t\t\t</div>\n\n\t\t\t\t<form\n\t\t\t\t\tmethod='post'\n\t\t\t\t\taction='https://ebis.waterboard.lk/Payment/Checkout.php'>\n\t\t\t\t\t<input type='hidden' name='account_no' value={AccountNo} />\n\t\t\t\t\t<input type='hidden' name='order_amount' value={billAmount} />\n\t\t\t\t\t<input type='hidden' name='payment_type' value='1' />\n\t\t\t\t\t<input type='hidden' name='payment_source' value='ChatBot' />\n\t\t\t\t\t<input type='hidden' name='order_currency' value='LKR' />\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='mobile_no'\n\t\t\t\t\t\tvalue={ConnectionDetails[0]?.MobileNo}\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='customer_receipt_email'\n\t\t\t\t\t\tvalue='meterlink@waterboard.lk'\n\t\t\t\t\t/>\n\t\t\t\t</form>\n\n\t\t\t\t<form\n\t\t\t\t\tmethod='post'\n\t\t\t\t\taction='https://ebis.waterboard.lk/AMEX/ipay-express-checkout/process.php'>\n\t\t\t\t\t<input type='hidden' name='account_no' value={AccountNo} />\n\t\t\t\t\t<input type='hidden' name='order_amount' value={billAmount} />\n\t\t\t\t\t<input type='hidden' name='payment_type' value='1' />\n\t\t\t\t\t<input type='hidden' name='payment_source' value='ChatBot' />\n\t\t\t\t\t<input type='hidden' name='order_currency' value='LKR' />\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='mobile_no'\n\t\t\t\t\t\tvalue={ConnectionDetails[0]?.MobileNo}\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tname='customer_receipt_email'\n\t\t\t\t\t\tvalue='meterlink@waterboard.lk'\n\t\t\t\t\t/>\n\t\t\t\t</form>\n\t\t\t</Modal>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t{/* <Breadcrumb style={{ margin: '16px 0' }}>\n\t\t\t\t\t\t<Breadcrumb.Item>Home</Breadcrumb.Item>\n\t\t\t\t\t\t<Breadcrumb.Item>NWSDB Water Bill Payment</Breadcrumb.Item>\n\t\t\t\t\t</Breadcrumb> */}\n\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 40,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Spin size='large' />\n\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p style={{ fontSize: 18 }}>Pay Water Bill Instantly</p>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t//class='bg_image'\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundImage: `url(${Background})`,\n\t\t\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\t\t\tcolor: '#f5f5f5',\n\t\t\t\t\t\t\t\t\t\theight: 200,\n\t\t\t\t\t\t\t\t\t\t// marginLeft: -24,\n\t\t\t\t\t\t\t\t\t\t// marginRight: -24,\n\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ marginTop: 20 }}>Your Due Amount</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -15,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 36 }}>\n\t\t\t\t\t\t\t\t\t\t\tRs.\n\t\t\t\t\t\t\t\t\t\t\t{(parseFloat(billAmount) < 0 ? 0 : parseFloat(billAmount))\n\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -35,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 10 }}>\n\t\t\t\t\t\t\t\t\t\t\tLast Payment{' '}\n\t\t\t\t\t\t\t\t\t\t\t<Moment format='D MMM YYYY'>\n\t\t\t\t\t\t\t\t\t\t\t\t{BillDetails[0]?.LastPaymentDate}\n\t\t\t\t\t\t\t\t\t\t\t</Moment>\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={showModal}\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tsize='large'\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 20,\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 200,\n\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t\t\t\t\t\t\tborderColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: '#417ffb',\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tPay\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<p style={{ fontSize: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\tHere info as at{' '}\n\t\t\t\t\t\t\t\t\t\t\t{<Moment format='D MMM YYYY HH:mm'></Moment>}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 30,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\t\t\t\tcolor: 'red',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\tNote : Full or Partial Payments Accepted\n\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.Name}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Address</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{ConnectionDetails[0]?.Address}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Account Number</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>{AccountNo !== null ? AccountNo : 'N/A'}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Status</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: ConnectionDetails[0]?.ConnectionStatus\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'green'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'red',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{ConnectionDetails[0]?.ConnectionStatus\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Connected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'Disconnected'}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Total Amount Due</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: pendingAmount[0]?.Due < 0 ? 'green' : 'black',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{pendingAmount[0]?.Due.toFixed(2).replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t/(\\d)(?=(\\d{3})+(?!\\d))/g,\n\t\t\t\t\t\t\t\t\t\t\t\t\t'$1,'\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Payments (Pending)</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.3 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ color: 'green', textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t-\n\t\t\t\t\t\t\t\t\t\t\t\t{pendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Your Due Amount</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 0.3,\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{(pendingAmount[0]?.Due - pendingAmount[0]?.pending < 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: pendingAmount[0]?.Due - pendingAmount[0]?.pending\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t\t<QRCodeCanvas value='eyJ0eG5fY29kZSI6Ii0xIiwiZnJpbWlfdHhuX3JlZl9ubyI6bnVsbCwibWVyY2hhbnRfcmVmX25vIjpudWxsLCJkaXNjb3VudF9hbW91bnQiOm51bGwsImRlc2NyaXB0aW9uIjoiU09NRVRISU5HIFdFTlQgV1JPTkchIFBMRUFTRSBDT05UQUNUIFNVUFBPUlQgRk9SIEFTU0lTVEFOQ0UifQ' />\n\t\t\t\t\t\t<p>Hello</p>\n\t\t\t\t\t\t{renderModal()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2023 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default PayDirect;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tInput,\n\tInputNumber,\n\tDatePicker,\n\tAlert,\n\tForm,\n\tModal,\n} from 'antd';\nimport { SwapOutlined, RightOutlined } from '@ant-design/icons';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nimport { useLocation } from 'react-router-dom';\nconst { Content, Footer } = Layout;\n\nconst { Option } = Select;\n\nconst BillCalculator = () => {\n\tconst { RangePicker } = DatePicker;\n\tconst { Option } = Select;\n\n\tconst [ConnectionDetails, setConnectionDetails] = useState([]);\n\n\tconst [pendingAmount, setPendingAmount] = useState(0);\n\tconst [billDetails, setBillDetails] = useState([]);\n\tconst [loading2, setLoading2] = useState(false);\n\tconst [loading, setLoading] = useState(false);\n\tconst [startDate, setStartDate] = useState();\n\tconst [endDate, setEndDate] = useState();\n\tconst [categoryId, setCategoryId] = useState(1);\n\tconst [noHouses, setNoHouses] = useState(0);\n\tconst [dayCount, setDayCount] = useState('');\n\tconst [consumptions, setConsumptions] = useState('');\n\tconst [showDetails, setShowDetails] = useState(false);\n\n\tvar categories = [\n\t\t{\n\t\t\tCategoryId: 1,\n\t\t\tCategoryDescription: 'Domestic',\n\t\t\tConsumerCategoryCode: 10,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 2,\n\t\t\tCategoryDescription: 'Board Quarters',\n\t\t\tConsumerCategoryCode: 11,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 3,\n\t\t\tCategoryDescription: 'Schools',\n\t\t\tConsumerCategoryCode: 12,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 4,\n\t\t\tCategoryDescription: 'Govt Quarters',\n\t\t\tConsumerCategoryCode: 13,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 5,\n\t\t\tCategoryDescription: 'Tenaman Garden',\n\t\t\tConsumerCategoryCode: 14,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 6,\n\t\t\tCategoryDescription: 'Assisted Schools',\n\t\t\tConsumerCategoryCode: 15,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 7,\n\t\t\tCategoryDescription: 'Condominium',\n\t\t\tConsumerCategoryCode: 18,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 8,\n\t\t\tCategoryDescription: 'Domestic_NonVAT',\n\t\t\tConsumerCategoryCode: 19,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 9,\n\t\t\tCategoryDescription: 'Domestic Samurdhi',\n\t\t\tConsumerCategoryCode: 20,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 10,\n\t\t\tCategoryDescription: 'Tenaman Samurdhi',\n\t\t\tConsumerCategoryCode: 24,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 11,\n\t\t\tCategoryDescription: 'Stand Posts',\n\t\t\tConsumerCategoryCode: 51,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 12,\n\t\t\tCategoryDescription: 'Garden Taps',\n\t\t\tConsumerCategoryCode: 52,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 13,\n\t\t\tCategoryDescription: 'Stand Post (C.S.)',\n\t\t\tConsumerCategoryCode: 53,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 14,\n\t\t\tCategoryDescription: 'Stand Post_Tenemant',\n\t\t\tConsumerCategoryCode: 54,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 15,\n\t\t\tCategoryDescription: 'Govt Institution',\n\t\t\tConsumerCategoryCode: 60,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 16,\n\t\t\tCategoryDescription: 'Army',\n\t\t\tConsumerCategoryCode: 61,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 17,\n\t\t\tCategoryDescription: 'Police',\n\t\t\tConsumerCategoryCode: 62,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 18,\n\t\t\tCategoryDescription: 'Hospitals',\n\t\t\tConsumerCategoryCode: 63,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 19,\n\t\t\tCategoryDescription: 'CMC Premises',\n\t\t\tConsumerCategoryCode: 64,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 20,\n\t\t\tCategoryDescription: 'SOBE',\n\t\t\tConsumerCategoryCode: 65,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 21,\n\t\t\tCategoryDescription: 'Commercial Institutes',\n\t\t\tConsumerCategoryCode: 70,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 22,\n\t\t\tCategoryDescription: 'Tourist/Guest',\n\t\t\tConsumerCategoryCode: 71,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 23,\n\t\t\tCategoryDescription: 'Shipping',\n\t\t\tConsumerCategoryCode: 72,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 24,\n\t\t\tCategoryDescription: 'Indust/Construt',\n\t\t\tConsumerCategoryCode: 73,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 25,\n\t\t\tCategoryDescription: 'BOI Approved Industries',\n\t\t\tConsumerCategoryCode: 74,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 26,\n\t\t\tCategoryDescription: 'Small & Medium Industries',\n\t\t\tConsumerCategoryCode: 75,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 27,\n\t\t\tCategoryDescription: 'Commercial_NonVAT',\n\t\t\tConsumerCategoryCode: 79,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 28,\n\t\t\tCategoryDescription: 'Other Comm and Priv.',\n\t\t\tConsumerCategoryCode: 80,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 29,\n\t\t\tCategoryDescription: 'Religious',\n\t\t\tConsumerCategoryCode: 81,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 30,\n\t\t\tCategoryDescription: 'NWSDB premises',\n\t\t\tConsumerCategoryCode: 82,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 31,\n\t\t\tCategoryDescription: 'Religious 2',\n\t\t\tConsumerCategoryCode: 83,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 32,\n\t\t\tCategoryDescription: 'Housing Authority',\n\t\t\tConsumerCategoryCode: 84,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 33,\n\t\t\tCategoryDescription: 'Other nonProfit Organizations',\n\t\t\tConsumerCategoryCode: 85,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 34,\n\t\t\tCategoryDescription: 'Bulk (L.A.)',\n\t\t\tConsumerCategoryCode: 90,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 35,\n\t\t\tCategoryDescription: 'Bulk (C.B.O.)',\n\t\t\tConsumerCategoryCode: 91,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 36,\n\t\t\tCategoryDescription: 'Halgahakubura',\n\t\t\tConsumerCategoryCode: 92,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 37,\n\t\t\tCategoryDescription: 'Bulk (Sp. Inst)',\n\t\t\tConsumerCategoryCode: 95,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 38,\n\t\t\tCategoryDescription: 'Bulk Supply (Sp Inst)',\n\t\t\tConsumerCategoryCode: 96,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 39,\n\t\t\tCategoryDescription: 'Bulk University',\n\t\t\tConsumerCategoryCode: 97,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 40,\n\t\t\tCategoryDescription: 'St Post Low Income',\n\t\t\tConsumerCategoryCode: 93,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 41,\n\t\t\tCategoryDescription: 'Board Quarters - Ambatale',\n\t\t\tConsumerCategoryCode: 16,\n\t\t},\n\t\t{\n\t\t\tCategoryId: 42,\n\t\t\tCategoryDescription: 'Raw Water',\n\t\t\tConsumerCategoryCode: 89,\n\t\t},\n\t];\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst onChange = (date, dateString) => {\n\t\tsetStartDate(dateString[0]);\n\t\tsetEndDate(dateString[1]);\n\n\t\tvar date1 = dateString[0];\n\t\tvar date2 = dateString[1];\n\n\t\tvar a = moment(date1).format('YYYY/MM/DD');\n\t\tvar b = moment(date2).format('YYYY/MM/DD');\n\n\t\tsetDayCount(getDays(a, b));\n\t};\n\tconst onChangeInput = (value) => {\n\t\t//console.log(value.target.value);\n\t\tsetConsumptions(value.target.value);\n\t};\n\n\tfunction getDays(start, last) {\n\t\t//initialize dates with Date object\n\t\tconst date1 = new Date(start);\n\t\tconst date2 = new Date(last);\n\n\t\t// calculation for converting a day into milliseconds\n\t\tconst oneDay = 1000 * 60 * 60 * 24;\n\n\t\t// calculation for the time difference between start and last\n\t\tconst diffTime = date2.getTime() - date1.getTime();\n\n\t\t// calculation for the days between start and last\n\t\tconst diffDays = Math.round(diffTime / oneDay);\n\t\t// return number of days\n\t\treturn diffDays;\n\t}\n\n\tconst getData = () => {\n\t\tif (categoryId == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please select category type!',\n\t\t\t});\n\t\t} else if (dayCount === '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please select date range!',\n\t\t\t});\n\t\t} else if (consumptions === '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter consumption!',\n\t\t\t});\n\t\t} else if (categoryId == 7 && noHouses === 0) {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter No of houses!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading2(true);\n\t\t\taxios\n\t\t\t\t.post(\n\t\t\t\t\t'https://app.waterboard.lk/api_nwsdb/bill/BillCalculator',\n\t\t\t\t\t{\n\t\t\t\t\t\tCategoryId: categoryId,\n\n\t\t\t\t\t\tNoOfDays: dayCount,\n\n\t\t\t\t\t\tConsumption: consumptions,\n\n\t\t\t\t\t\tNoOfHouses: categoryId == 7 ? noHouses : 0,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Access-Control-Allow-Origin': '*',\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tconsole.log(response.data);\n\t\t\t\t\tsetBillDetails(response.data);\n\t\t\t\t\tsetShowDetails(true);\n\t\t\t\t\tsetLoading2(false);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\talert(error);\n\t\t\t\t\tModal.error({\n\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\tcontent: error,\n\t\t\t\t\t});\n\t\t\t\t\tsetLoading2(false);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tfunction onChangeSelect(value) {\n\t\tconsole.log(`selected ${value}`);\n\t\tsetCategoryId(value);\n\t}\n\n\tfunction onSearch(val) {\n\t\tconsole.log('search:', val);\n\t}\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tBill Calculator\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tpadding: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div style={{ marginBottom: 20 }}>\n\t\t\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\t\t\tshowSearch\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Category'\n\t\t\t\t\t\t\t\t\t\t\tvalue={categoryId}\n\t\t\t\t\t\t\t\t\t\t\toptionFilterProp='children'\n\t\t\t\t\t\t\t\t\t\t\tonChange={onChangeSelect}\n\t\t\t\t\t\t\t\t\t\t\tonSearch={onSearch}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%' }}\n\t\t\t\t\t\t\t\t\t\t\tfilterOption={(input, option) =>\n\t\t\t\t\t\t\t\t\t\t\t\toption.children\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t.indexOf(input.toLowerCase()) >= 0\n\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t{categories?.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Option value={item.CategoryId}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.CategoryDescription}\n\t\t\t\t\t\t\t\t\t\t\t\t</Option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<RangePicker onChange={onChange} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Consumption'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChangeInput}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{categoryId == 7 && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Number of Houses'\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) => setNoHouses(value.target.value)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tloading={loading2}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => getData()}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%', marginTop: 20 }}>\n\t\t\t\t\t\t\t\t\t\t\tCalculate Bill\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{showDetails && (\n\t\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Usage Charge</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{billDetails.Calculation?.UsageCharge.toFixed(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t\t\t\t\t\t\t).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Service Charge</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{billDetails.Calculation?.ServiceCharge.toFixed(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t\t\t\t\t\t\t).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Total Bill Amount</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{billDetails.Calculation?.TotalAmount.toFixed(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t\t\t\t\t\t\t).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 8,\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tNote : Tax included\n\t\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tTariff\n\t\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>FROM</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>TO</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>UNIT</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>QTY</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>AMOUNT(Rs)</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{billDetails.Tariff?.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.ConsumptionFrom}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.ConsumptionTo}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.UnitRate}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.Quantity.toFixed(2)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.Amount.toFixed(2).replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/(\\d)(?=(\\d{3})+(?!\\d))/g,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'$1,'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default BillCalculator;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tInput,\n\tInputNumber,\n\tDatePicker,\n\tAlert,\n\tForm,\n\tModal,\n} from 'antd';\nimport { SwapOutlined, RightOutlined } from '@ant-design/icons';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nimport { useLocation } from 'react-router-dom';\nconst { Content, Footer } = Layout;\n\nconst { Option } = Select;\n\nconst NewReqCapture = () => {\n\tconst { RangePicker } = DatePicker;\n\tconst { Option } = Select;\n\n\tconst [Data, setData] = useState([]);\n\tconst [Tittle, setTittle] = useState([\n\t\t{\n\t\t\tvalue: 1,\n\t\t\tlabel: 'Mr.',\n\t\t},\n\t\t{\n\t\t\tvalue: 2,\n\t\t\tlabel: 'Miss',\n\t\t},\n\t\t{\n\t\t\tvalue: 3,\n\t\t\tlabel: 'Mrs',\n\t\t},\n\t\t{\n\t\t\tvalue: 4,\n\t\t\tlabel: 'Dr',\n\t\t},\n\t\t{\n\t\t\tvalue: 5,\n\t\t\tlabel: 'Rev',\n\t\t},\n\t\t{\n\t\t\tvalue: 6,\n\t\t\tlabel: 'MS',\n\t\t},\n\t\t{\n\t\t\tvalue: 7,\n\t\t\tlabel: '.',\n\t\t},\n\t\t{\n\t\t\tvalue: 8,\n\t\t\tlabel: 'Major',\n\t\t},\n\t]);\n\n\tconst [loading, setLoading] = useState(false);\n\tconst [loading2, setLoading2] = useState(false);\n\n\tconst [connectionData, setConnectionData] = useState({\n\t\tConsumerId: '',\n\t\tTitle: null,\n\t\tinitial: '',\n\t\tRequestType: 'Direct',\n\t\tReferenceNo: '00000/000000',\n\t\tConsumerName: '',\n\t\tNICNo: '',\n\t\tAddress1: '',\n\t\tAddress2: '',\n\t\tAddress3: '',\n\t\tPostalAddress1: '',\n\t\tPostalAddress2: '',\n\t\tPostalAddress3: '',\n\t\tMobileNo: '',\n\t\tTelNoOffice: '',\n\t\tTelNoResidence: '',\n\t\tFaxNo: '',\n\t\tEmailAddress: '',\n\t\tNearestAccountNo: '',\n\t});\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tfunction onChangeSelectTitle(value) {\n\t\tconsole.log(`selected ${value}`);\n\t\tsetConnectionData({ ...connectionData, Title: value });\n\t}\n\n\tfunction onSearch(val) {\n\t\tconsole.log('search:', val);\n\t}\n\n\tconst getData = () => {\n\t\tif (connectionData.Title == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter title!',\n\t\t\t});\n\t\t} else if (connectionData.initial == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter initial!',\n\t\t\t});\n\t\t} else if (connectionData.ConsumerName == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter name!',\n\t\t\t});\n\t\t} else if (connectionData.NICNo == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter NIC No!',\n\t\t\t});\n\t\t} else if (connectionData.Address1 == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter Address!',\n\t\t\t});\n\t\t} else if (connectionData.MobileNo == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter MobileNo!',\n\t\t\t});\n\t\t} else if (connectionData.NearestAccountNo == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter consumption!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading(true);\n\t\t\taxios\n\t\t\t\t.post(\n\t\t\t\t\t'https://ebis.waterboard.lk/api_nwsdb/fieldServices/NCRequestsDataSave',\n\t\t\t\t\t{\n\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Access-Control-Allow-Origin': '*',\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tconsole.log(response.data.data);\n\n\t\t\t\t\tModal.info({\n\t\t\t\t\t\ttitle: 'Message',\n\t\t\t\t\t\tcontent: response.data.data,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\tModal.error({\n\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\tcontent: error,\n\t\t\t\t\t});\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t});\n\t\t}\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading2} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tNew Connection Request\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Reference No</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>XXXX/XXXXXX</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Request Type</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>Online</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\t\t\t\tshowSearch\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Title'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.Title}\n\t\t\t\t\t\t\t\t\t\t\t\toptionFilterProp='children'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChangeSelectTitle}\n\t\t\t\t\t\t\t\t\t\t\t\tonSearch={onSearch}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%' }}\n\t\t\t\t\t\t\t\t\t\t\t\tfilterOption={(input, option) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\toption.children\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.indexOf(input.toLowerCase()) >= 0\n\t\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t\t{Tittle?.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Option value={item.label}>{item.label}</Option>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Initial'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitial: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Name'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tConsumerName: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Address Line 1'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAddress1: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Address Line 2'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAddress2: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='City'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAddress3: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Connection Address Line 1'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPostalAddress1: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Connection Address Line 2'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPostalAddress2: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Connection Address City'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPostalAddress3: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='NIC'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tNICNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Tel No (Residence)'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tTelNoResidence: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Mobile No'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMobileNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Tel No (Official)'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tTelNoOffice: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Fax No'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tFaxNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Email Address'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tEmailAddress: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Nearest Account No'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tNearestAccountNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => getData()}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%', marginTop: 20 }}>\n\t\t\t\t\t\t\t\t\t\t\tSubmit your application\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\theight: 0.5,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'gray',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 30,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default NewReqCapture;\n","import { Input } from \"antd\";\nimport React, { forwardRef } from \"react\";\nimport ReactInputMask from \"react-input-mask\";\nimport PropTypes from \"prop-types\";\n\nconst InputMask = forwardRef((props, ref) => {\n  return (\n    <ReactInputMask {...props}>\n      {(inputProps) => (\n        <Input\n          {...inputProps}\n          ref={ref}\n          disabled={props.disabled ? props.disabled : null}\n        />\n      )}\n    </ReactInputMask>\n  );\n});\n\nInputMask.propTypes = {\n  mask: PropTypes.string,\n  maskChar: PropTypes.string,\n  formatChars: PropTypes.object,\n  alwaysShowMask: PropTypes.bool,\n  inputRef: PropTypes.func,\n};\n\nexport default InputMask;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport { Layout, Card, Image, Button, Input, Modal } from 'antd';\nimport InputMask from './components/InputMask';\n\nconst { Content, Footer } = Layout;\nconst Background = 'banner2.png';\nconst water = 'water.png';\n\nconst EbillRegister = () => {\n\tconst [loading, setLoading] = useState(false);\n\tconst [loading2, setLoading2] = useState(false);\n\n\tconst [connectionData, setConnectionData] = useState({\n\t\tConsumerId: '',\n\t\tConnectionId: '',\n\t\tMobileNo: '',\n\t\tDirectNo: '',\n\t\tEmailAddress: '',\n\t\tCapturedDate: new Date(),\n\t\tAccountNo: '',\n\t});\n\tconst [accountData, setAccountData] = useState([]);\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\tsrc='water.png'\n\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst getData = () => {\n\t\tif (connectionData.ConnectionId == '' && connectionData.ConsumerId == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please verify your account first!',\n\t\t\t});\n\t\t} else if (connectionData.EmailAddress == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter email address!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading(true);\n\t\t\tconsole.log(connectionData);\n\t\t\taxios\n\t\t\t\t.post(\n\t\t\t\t\t'https://ebis.waterboard.lk/api_nwsdb/bill/ebillRegistration',\n\t\t\t\t\t{\n\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Access-Control-Allow-Origin': '*',\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tconsole.log(response.data.result);\n\n\t\t\t\t\tModal.info({\n\t\t\t\t\t\ttitle: 'Message',\n\t\t\t\t\t\tcontent: response.data.result,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\tModal.error({\n\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\tcontent: error,\n\t\t\t\t\t});\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst getCustomerDetails = () => {\n\t\tif (connectionData.AccountNo == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter account number!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading(true);\n\n\t\t\tfetch(\n\t\t\t\t'https://ebis.waterboard.lk/api_nwsdb/bill/accountDetails?accountNumber=' +\n\t\t\t\t\tconnectionData.AccountNo\n\t\t\t)\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson.message == 200) {\n\t\t\t\t\t\tsetAccountData(responseJson.Details);\n\n\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\tConnectionId: responseJson.Details[0]?.ConnectionId,\n\t\t\t\t\t\t\tConsumerId: responseJson.Details[0]?.ConsumerId,\n\t\t\t\t\t\t\tMobileNo: responseJson.Details[0]?.MobileNo,\n\t\t\t\t\t\t\tDirectNo: responseJson.Details[0]?.TelNoOffice,\n\t\t\t\t\t\t\tEmailAddress: responseJson.Details[0]?.EmailAddress,\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tModal.error({\n\t\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\t\tcontent: responseJson.result,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t//console.log(responseJson);\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t});\n\t\t}\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading2} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='banner2.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tE-Bill Registration\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<InputMask\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tmask='99/99/999/999/99'\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Account Number'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.AccountNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAccountNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => getCustomerDetails()}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%' }}>\n\t\t\t\t\t\t\t\t\t\t\t\tVerify Account\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.Title} {accountData[0]?.Initial}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.ConsumerName}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Address</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.PostalAddress1}\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.PostalAddress2}\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.PostalAddress3}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Mobile No'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.MobileNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMobileNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Tel No (Official)'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.DirectNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tDirectNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.EmailAddress}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Email Address'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tEmailAddress: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => getData()}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%', marginTop: 20 }}>\n\t\t\t\t\t\t\t\t\t\t\tRegister\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default EbillRegister;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport { Layout, Card, Image, Button, Input, Modal, Tabs } from 'antd';\nimport InputMask from './components/InputMask';\n\nconst { Content, Footer } = Layout;\nconst Background = 'banner2.png';\nconst water = 'water.png';\n\nconst ServerLogs = () => {\n\tconst [loading, setLoading] = useState(false);\n\tconst [loading2, setLoading2] = useState(false);\n\tconst { TabPane } = Tabs;\n\n\tconst [LoggerData, setLoggerData] = useState([]);\n\n\tfunction callback(key) {\n\t\tgetData(key);\n\t}\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\tsrc='water.png'\n\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst getData = (key) => {\n\t\tsetLoading(true);\n\t\tfetch('http://10.0.0.27/SendSMS/logs/readEmailLogs?fileName=' + key)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tsetLoggerData(responseJson.file);\n\t\t\t\t//console.log(responseJson);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(error);\n\t\t\t});\n\t};\n\n\tconsole.log(LoggerData);\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading2} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='banner2.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tE-Bill Registration\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<Tabs defaultActiveKey='1' onChange={callback}>\n\t\t\t\t\t\t\t\t\t\t<TabPane tab='SMS Logs' key='SMS'>\n\t\t\t\t\t\t\t\t\t\t\t{LoggerData?.map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ color: 'black' }}>{item.message}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.source}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.status}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.timestamp}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</TabPane>\n\t\t\t\t\t\t\t\t\t\t<TabPane tab='Email Logs' key='Email'>\n\t\t\t\t\t\t\t\t\t\t\t{LoggerData?.map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#f5f6fa',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p style={{ color: 'black' }}>{item.message}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.source}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.status}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.timestamp}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</TabPane>\n\t\t\t\t\t\t\t\t\t\t<TabPane tab='Error Logs' key=''>\n\t\t\t\t\t\t\t\t\t\t\t{LoggerData?.map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>{item.message}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</TabPane>\n\t\t\t\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default ServerLogs;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport { Layout, Card, Image, Button, Input, Modal } from 'antd';\nimport InputMask from './components/InputMask';\n\nconst { Content, Footer } = Layout;\nconst Background = 'banner2.png';\nconst water = 'water.png';\n\nconst EmployeeDetails = () => {\n\tconst [loading, setLoading] = useState(false);\n\tconst [loading2, setLoading2] = useState(false);\n\n\tconst [connectionData, setConnectionData] = useState({\n\t\tEmployeeId: '',\n\t\tMobileNo: '',\n\t\tFixedTelNo: '',\n\t\tEmailAddress: '',\n\t\tCapturedDate: new Date(),\n\t\tDesignation: '',\n\t\tNameWithInitials: '',\n\t});\n\tconst [accountData, setAccountData] = useState([]);\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst getData = () => {\n\t\tif (connectionData.EmployeeId == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please verify your account first!',\n\t\t\t});\n\t\t} else if (connectionData.EmailAddress == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter email address!',\n\t\t\t});\n\t\t} else if (connectionData.MobileNo == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter mobile number!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading(true);\n\t\t\tconsole.log(connectionData);\n\t\t\taxios\n\t\t\t\t.post(\n\t\t\t\t\t'https://app.waterboard.lk/nwsdb/shrm/saveEmployeeDetails',\n\t\t\t\t\t{\n\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Access-Control-Allow-Origin': '*',\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tconsole.log(response.data.result);\n\n\t\t\t\t\tModal.info({\n\t\t\t\t\t\ttitle: 'Message',\n\t\t\t\t\t\tcontent: response.data.result,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\tModal.error({\n\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\tcontent: error,\n\t\t\t\t\t});\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst getCustomerDetails = () => {\n\t\tif (connectionData.EmployeeNo == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter employee number!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading(true);\n\n\t\t\tfetch(\n\t\t\t\t'https://app.waterboard.lk/nwsdb/shrm/verifyEmployee?employeeNo=' +\n\t\t\t\t\tconnectionData.EmployeeNo\n\t\t\t)\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson.message == 200) {\n\t\t\t\t\t\tsetAccountData(responseJson.Details);\n\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\tEmployeeId: responseJson.Details[0]?.EmployeeId,\n\t\t\t\t\t\t\tMobileNo: responseJson.Details[0]?.MobileNo,\n\t\t\t\t\t\t\tFixedTelNo: responseJson.Details[0]?.FixedTelNo,\n\t\t\t\t\t\t\tEmailAddress: responseJson.Details[0]?.EmailAddress,\n\t\t\t\t\t\t\tDesignation: responseJson.Details[0]?.Designation,\n\t\t\t\t\t\t\tNameWithInitials: responseJson.Details[0]?.NameWithInitials,\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tModal.error({\n\t\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\t\tcontent: responseJson.result,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t//console.log(responseJson);\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t});\n\t\t}\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading2} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='banner2.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tUpdating Contact Details of Employees\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\tcolor: '#334453',\n\t\t\t\t\t\t\t\t\t\tfontSize: 16,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tPlease note that this information will be used in future for\n\t\t\t\t\t\t\t\t\tthe purpose of official communication activities such as\n\t\t\t\t\t\t\t\t\telectronic pay slips and sending messages etc.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\tcolor: '#334453',\n\t\t\t\t\t\t\t\t\t\tfontSize: 16,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tමෙම තොරතුරු විද්‍යුත් වැටුප් පත්‍රය සහ පණිවිඩ යැවීම වැනි නිල\n\t\t\t\t\t\t\t\t\tසන්නිවේදන ක්‍රියාකාරකම් සඳහා අනාගතයේදී භාවිතා කරන බව කරුණාවෙන්\n\t\t\t\t\t\t\t\t\tසලකන්න.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\tcolor: '#334453',\n\t\t\t\t\t\t\t\t\t\tfontSize: 16,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tஇந்த விபரங்கள் எதிர்காலத்தில் இலத்திரனியல் சம்பள விபரப்\n\t\t\t\t\t\t\t\t\tபட்டியல் மற்றும் செய்திகளை அனுப்புதல் போன்ற உத்தியோகபூர்வ\n\t\t\t\t\t\t\t\t\tதொடர்பாடல் நடவடிக்கைகளின் பொருட்டு பயன்படுத்தப்படும் என்பதை\n\t\t\t\t\t\t\t\t\tதயவுசெய்து கருத்திற்கொள்ளவும்.\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Employee Number'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.EmployeeNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tEmployeeNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => getCustomerDetails()}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%' }}>\n\t\t\t\t\t\t\t\t\t\t\t\tVerify Account\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Name</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.NameWithInitials}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p>Designation</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center' }}>:</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'right' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{accountData[0]?.Designation}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Mobile No'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.MobileNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMobileNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Tel No (Official)'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.FixedTelNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tFixedTelNo: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={connectionData.EmailAddress}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Email Address'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetConnectionData({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...connectionData,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tEmailAddress: value.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => getData()}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%', marginTop: 20 }}>\n\t\t\t\t\t\t\t\t\t\t\tRegister\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* {renderBillData()} */}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board |\n\t\t\t\t\tIT-Division\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default EmployeeDetails;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport {\n\tLayout,\n\tCard,\n\tBreadcrumb,\n\tSelect,\n\tImage,\n\tButton,\n\tInput,\n\tInputNumber,\n\tDatePicker,\n\tAlert,\n\tForm,\n\tModal,\n} from 'antd';\nimport InputMask from './components/InputMask';\nconst { Content, Footer } = Layout;\n\nconst Adjustment = () => {\n\tconst { RangePicker } = DatePicker;\n\n\tconst [billDetails, setBillDetails] = useState('');\n\tconst [loading2, setLoading2] = useState(false);\n\tconst [loading, setLoading] = useState(false);\n\tconst [startDate, setStartDate] = useState('');\n\tconst [endDate, setEndDate] = useState('');\n\t//const [AccountNo, setAccountNo] = useState('');\n\tconst [consumptions, setConsumptions] = useState('');\n\tconst [showDetails, setShowDetails] = useState(false);\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\tconst onChange = (date, dateString) => {\n\t\tsetStartDate(dateString[0]);\n\t\tsetEndDate(dateString[1]);\n\t};\n\tconst onChangeInput = (value) => {\n\t\t//console.log(value.target.value);\n\t\tsetConsumptions(value.target.value);\n\t};\n\n\tconst getData = () => {\n\t\t// if (AccountNo == '') {\n\t\t// \tModal.error({\n\t\t// \t\ttitle: 'Error',\n\t\t// \t\tcontent: 'Please enter Account Number!',\n\t\t// \t});\n\t\t// } else\n\t\tif (startDate == '' || startDate == undefined || endDate == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please select date range!',\n\t\t\t});\n\t\t} else if (consumptions == '') {\n\t\t\tModal.error({\n\t\t\t\ttitle: 'Error',\n\t\t\t\tcontent: 'Please enter consumption!',\n\t\t\t});\n\t\t} else {\n\t\t\tsetLoading2(true);\n\n\t\t\taxios\n\t\t\t\t.post(\n\t\t\t\t\t'https://ebis.waterboard.lk/api_nwsdb/bill/getTariffAdjustment',\n\t\t\t\t\t{\n\t\t\t\t\t\t//AccountNo: AccountNo,\n\t\t\t\t\t\tFromDate: startDate,\n\t\t\t\t\t\tToDate: endDate,\n\t\t\t\t\t\tConsumption: consumptions,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Access-Control-Allow-Origin': '*',\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tconsole.log(response.data.data.TariffAdjustment);\n\t\t\t\t\tsetBillDetails(response.data.data);\n\t\t\t\t\tsetShowDetails(true);\n\t\t\t\t\tsetLoading2(false);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\talert(error);\n\t\t\t\t\tModal.error({\n\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\tcontent: error,\n\t\t\t\t\t});\n\t\t\t\t\tsetLoading2(false);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} loading={loading} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tBill Adjustment Calculator\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tpadding: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t{/* <div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<InputMask\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tmask='99/99/999/999/99'\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Account Number'\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={AccountNo}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAccountNo(value.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<RangePicker onChange={onChange} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 0.1 }}></div>\n\t\t\t\t\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\trules={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='Consumption'\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChangeInput}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype='primary'\n\t\t\t\t\t\t\t\t\t\t\tloading={loading2}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => getData()}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '100%', marginTop: 20 }}>\n\t\t\t\t\t\t\t\t\t\t\tCalculate Bill\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{showDetails && (\n\t\t\t\t\t\t\t\t\t<div style={{ padding: 20 }}>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ textAlign: 'center', fontSize: 18 }}>\n\t\t\t\t\t\t\t\t\t\t\t\tAdjustment Amount\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 30,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'red',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{Number(billDetails?.TariffAdjustment)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.toFixed(2)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'red',\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\tNote : This calculation mechanism should be confirmed by\n\t\t\t\t\t\t\t\t\t\t\t\tthe commercial division. (The calculation is done for\n\t\t\t\t\t\t\t\t\t\t\t\tonly the domestic category.)\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2022 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default Adjustment;\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\nimport { Layout, Card, Image, Button, Input, Form, Rate } from 'antd';\n\nconst { Content, Footer } = Layout;\n\nconst EbillRegister = () => {\n\tconst [form] = Form.useForm();\n\tconst [satisfaction, setSatisfaction] = useState('');\n\n\tconst handleSubmit = (values) => {\n\t\tform.resetFields();\n\t\tsetSatisfaction('');\n\t};\n\n\tconst renderBillData = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t}}>\n\t\t\t\t<Card bordered={true} style={styles.shadow}>\n\t\t\t\t\t<div style={{ padding: 10 }}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style={{ color: '#417ffb', fontSize: 20 }}>\n\t\t\t\t\t\t\t\tNWSDB SelfCare App\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p style={{ color: '#B8B8B8', marginTop: -15 }}>\n\t\t\t\t\t\t\t\tNow you can manage all your water connections in one place.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tmarginTop: -20,\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingRight: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='appStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={appStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ flex: 1, paddingLeft: 30 }}>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='playStore.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tonClick={playStoreClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\tsrc='water.png'\n\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst playStoreClick = () => {\n\t\t// https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare\n\t\twindow.location.href =\n\t\t\t'https://play.google.com/store/apps/details?id=com.SadeepDhananjana.NWSDBSelfCare';\n\t};\n\tconst appStoreClick = () => {\n\t\t// https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602\n\t\twindow.location.href =\n\t\t\t'https://apps.apple.com/us/app/nwsdb-selfcare/id1577897602';\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Layout>\n\t\t\t\t<Content\n\t\t\t\t\tclassName='site-layout'\n\t\t\t\t\tstyle={{ padding: '0 10px', marginTop: 30 }}>\n\t\t\t\t\t<div className='site-layout-background'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Card bordered={true} style={styles.shadow}>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\t\tsrc='banner2.png'\n\t\t\t\t\t\t\t\t\t\tpreview={false}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'underline',\n\t\t\t\t\t\t\t\t\t\ttextDecorationColor: '#DEDCDC',\n\t\t\t\t\t\t\t\t\t\tfontSize: 25,\n\t\t\t\t\t\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tGive us your valuable feed back\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<Form onFinish={handleSubmit}>\n\t\t\t\t\t\t\t\t\t<Form.Item\n\t\t\t\t\t\t\t\t\t\tname='complaint'\n\t\t\t\t\t\t\t\t\t\tlabel='Complaint Capture Process'\n\t\t\t\t\t\t\t\t\t\tstyle={{ textAlign: 'center' }} // Center align the label\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Rate />\n\t\t\t\t\t\t\t\t\t</Form.Item>\n\n\t\t\t\t\t\t\t\t\t<Form.Item\n\t\t\t\t\t\t\t\t\t\tname='attendance'\n\t\t\t\t\t\t\t\t\t\tlabel='Attending to Job'\n\t\t\t\t\t\t\t\t\t\tstyle={{ textAlign: 'center' }} // Center align the label\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Rate />\n\t\t\t\t\t\t\t\t\t</Form.Item>\n\n\t\t\t\t\t\t\t\t\t<Form.Item\n\t\t\t\t\t\t\t\t\t\tname='timeConsumption'\n\t\t\t\t\t\t\t\t\t\tlabel='Time Consumption'\n\t\t\t\t\t\t\t\t\t\tstyle={{ textAlign: 'center' }} // Center align the label\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Rate />\n\t\t\t\t\t\t\t\t\t</Form.Item>\n\n\t\t\t\t\t\t\t\t\t<Form.Item\n\t\t\t\t\t\t\t\t\t\tlabel='Satisfaction'\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center', // Center align the label\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<span>Rating:</span>\n\t\t\t\t\t\t\t\t\t\t<Rate\n\t\t\t\t\t\t\t\t\t\t\tonChange={(value) => setSatisfaction(value.toString())}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Form.Item>\n\n\t\t\t\t\t\t\t\t\t<Form.Item\n\t\t\t\t\t\t\t\t\t\tname='comment'\n\t\t\t\t\t\t\t\t\t\tlabel='Comment'\n\t\t\t\t\t\t\t\t\t\tstyle={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t\t<Input.TextArea rows={4} />\n\t\t\t\t\t\t\t\t\t</Form.Item>\n\n\t\t\t\t\t\t\t\t\t<Form.Item>\n\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', justifyContent: 'center' }}>\n\t\t\t\t\t\t\t\t\t\t\t<Button type='primary' htmlType='submit'>\n\t\t\t\t\t\t\t\t\t\t\t\tSubmit Feedback\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</Form.Item>\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{renderBillData()}\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t\t<Footer style={{ textAlign: 'center' }}>\n\t\t\t\t\tCopyright © 2023 National Water Supply and Drainage Board.\n\t\t\t\t</Footer>\n\t\t\t</Layout>\n\t\t</div>\n\t);\n};\n\nconst styles = {\n\tshadow: {\n\t\twidth: 600,\n\t\tfontWeight: 'bold',\n\t\tshadow: 39,\n\t\tborderRadius: 10,\n\t},\n};\n\nexport default EbillRegister;\n","import './App.css';\nimport React from 'react';\nimport { Switch, Route, HashRouter } from 'react-router-dom';\nimport Payment from './pages/Payment';\nimport AriesPay from './pages/AriesPay';\nimport TrackComplaint from './pages/TrackComplaint';\nimport PayDirect from './pages/PayDirect';\nimport BillCalculator from './pages/BillCalculator';\nimport NewReqCapture from './pages/NewReqCapture';\nimport EbillRegister from './pages/EbillRegister';\nimport ServerLogs from './pages/ServerLogs';\nimport EmployeeDetails from './pages/EmployeeDetails';\nimport Adjustment from './pages/Adjustment';\nimport FeedBack from './pages/FeedBack';\n\nconst App = () => {\n\tconsole.log = () => {};\n\n\treturn (\n\t\t<>\n\t\t\t<HashRouter>\n\t\t\t\t<Switch>\n\t\t\t\t\t<Route path='/' exact component={Payment} />\n\t\t\t\t\t<Route path='/pay' exact component={AriesPay} />\n\t\t\t\t\t<Route path='/TrackComplaint' exact component={TrackComplaint} />\n\t\t\t\t\t<Route path='/PayDirect' exact component={PayDirect} />\n\t\t\t\t\t<Route path='/BillCalculator' exact component={BillCalculator} />\n\t\t\t\t\t<Route path='/NewReqCapture' exact component={NewReqCapture} />\n\t\t\t\t\t<Route path='/EbillRegister' exact component={EbillRegister} />\n\t\t\t\t\t<Route path='/ServerLogs' exact component={ServerLogs} />\n\t\t\t\t\t<Route path='/EmployeeDetails' exact component={EmployeeDetails} />\n\t\t\t\t\t<Route path='/Adjustment' exact component={Adjustment} />\n\t\t\t\t\t<Route path='/FeedBack' exact component={FeedBack} />\n\t\t\t\t</Switch>\n\t\t\t</HashRouter>\n\t\t</>\n\t);\n};\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}