{children}
;\n };\n return (\n <>\n \n 991 ? \"\" : navExpanded}\n // expand={window.screen.width > 991 ? \"lg\" : navexpanded}\n // onToggle={toggelNav}\n >\n \n setNavExpanded(navExpanded ? false : \"navExpanded\")\n }\n />\n \n
\n {index <= talkToSales?.length - 2 && (\n \n \n
\n \n )}\n \n );\n }\n }\n )}\n \n \n
\n {isLoggedIn ? (\n \n My Account\n \n \n Logout\n \n \n ) : (\n // Logout\n \n Sign In\n \n )}\n \n ![\"add-to-cart\"](\"/images/add-to-cart.svg\")
\n */}\n
\n \n \n \n \n \n */}\n \n
; */\n}\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport \"./footer.scss\";\nimport axios from \"axios\";\nimport clsx from \"clsx\";\nimport { extractPhoneNumber, getRanges } from \"../../utils/helpers\";\nimport { baseUrl } from \"../../ennviroment\";\n\nconst SLUGS = {\n Jamaica: \"/jamaica\",\n \"Jackson Heights\": \"/jackson-heights\",\n};\n\nconst Footer = () => {\n const [close, setClose] = useState(false);\n const [talkToSales, setTalkToSales] = useState([]);\n const [locations, setLocations] = useState([]);\n const popoverRef = useRef(null);\n const location = useLocation();\n\n useEffect(() => {\n setClose(false);\n }, [location]);\n\n useEffect(() => {\n axios\n .get(`${baseUrl}api/v1/talktosales/get-locationhours`)\n .then((res) => {\n setTalkToSales(res?.data?.data?.data);\n })\n .catch((err) => {\n console.log(err);\n });\n\n axios\n .get(`${baseUrl}api/v1/location/get-locationhours`)\n .then((res) => {\n setLocations(\n res?.data?.data?.data?.map((node) => {\n return {\n ...node,\n slug: SLUGS[node.location],\n };\n })\n );\n })\n .catch((err) => {\n console.log(err);\n });\n }, []);\n\n const year = new Date().getFullYear();\n\n useEffect(() => {\n const checkIfClickedOutside = (e) => {\n if (\n close &&\n popoverRef.current &&\n !popoverRef.current.contains(e.target)\n ) {\n setClose(false);\n }\n };\n document.addEventListener(\"mousedown\", checkIfClickedOutside, {\n passive: true,\n });\n return () => {\n document.removeEventListener(\"mousedown\", checkIfClickedOutside);\n };\n }, [close]);\n\n return (\n <>\n \n \n );\n};\nexport default Footer;\n","import React from \"react\";\nimport { Nav } from \"react-bootstrap\";\n\nconst Categories = ({ isLoading, categoryList }) => {\n return (\n \n );\n};\nexport default Categories;\n","import { BLOG_LIST_REQUEST, BLOG_REQUEST } from \"../constants\";\nexport const getBlogs = params => {\n return {\n type: BLOG_LIST_REQUEST,\n payload: params\n };\n};\nexport const getBlog = params => {\n return {\n type: BLOG_REQUEST,\n params\n };\n};\n","import React, { useState, useEffect } from \"react\";\nimport ReactPaginate from \"react-paginate\";\nimport { Tab, Col, Row, Container } from \"react-bootstrap\";\nimport Categories from \"./components/categories\";\nimport \"./blog.scss\";\nimport { getCategoryList } from \"../../redux/action/Categories\";\nimport { getBlogs } from \"../../redux/action/Blogs\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Link, useHistory } from \"react-router-dom\";\n\nconst Blog = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n const [currentTab, setCurrentTab] = useState(\"all\");\n const [page, setPage] = useState(0);\n const { isLoading, categoryList } = useSelector(state => {\n return state.categories;\n });\n const { isLoading: isBlogLoading, blogList } = useSelector(state => {\n return state.blogs;\n });\n useEffect(() => {\n dispatch(getCategoryList());\n }, [dispatch]);\n useEffect(() => {\n if (currentTab === \"all\") {\n dispatch(getBlogs({ currentTab: \"\", page: 1, count: 12 }));\n } else {\n dispatch(getBlogs({ categoryId: currentTab, page: 1, count: 12 }));\n }\n setPage(0);\n }, [dispatch, currentTab]);\n\n const handlePageClick = data => {\n let page = data.selected + 1;\n setPage(data.selected);\n if (currentTab === \"all\") {\n dispatch(getBlogs({ categoryId: \"\", page, count: 12 }));\n } else {\n dispatch(getBlogs({ categoryId: currentTab, page, count: 12 }));\n }\n };\n let char_limit = 300;\n const loadData = () => {\n if (isBlogLoading) {\n return Loading...
;\n } else if (blogList && blogList.contacts.length) {\n return blogList.contacts.map((blog, index) => {\n let divHtml = null;\n let trimmedString = blog.short_description.substr(0, char_limit);\n trimmedString =\n trimmedString.substr(\n 0,\n Math.min(trimmedString.length, trimmedString.lastIndexOf(\" \"))\n ) + \"...\";\n if (index === 3) {\n divHtml = (\n \n
\n \n );\n }\n console.log(blog.imageLink);\n \n return (\n <>\n {divHtml}\n You can BEAST your Test with us.
\n\n {blog.imageLink ? (\n
\n \n \n );\n });\n }\n };\n \n return (\n <>\n \n
\n ) : null}\n \n \n
\n {blog.title}
\nBlog - Bobby - Tariq Tutoring Center
\n \n\n
\n \n \n Contact Us\n \n {/*
\n \n Contact Us
*/}\n\n \n\n Enroll Now\n
\n \n {val.title}
\n {val.subtitle}\n\n
\n )}\n \n \n
\n \n IN PERSON
\n {jacksonList?.length ? (\n\n Jackson Heights, NY |\n
\n {isPrivate}\n
\n );\n })}\n - \n
- \n \n {isPrivate\n ? `${_course.noof_hours} Hours`\n : `${moment(_course.start_date).format(\"MMM D\")} -\n ${moment(_course.end_date).format(\"MMM D\")}`}\n \n \n
- \n {isPrivate ? (\n
- \n {`${\n _course.discount === 0\n ? \"\"\n : `${currencyFormat(_course.subtotal)}`\n }`}\n
{currencyFormat(_course.total)}
\n \n - \n {_course.only_description ? (\n \n ) : !isPrivate && !_course.only_description ? (\n
\n
\n ) : null}\n \n \n Jamaica, NY |\n
\n {isPrivate}\n
\n );\n })}\n - \n
- \n \n {isPrivate\n ? `${_course.noof_hours} Hours`\n : `${moment(_course.start_date).format(\"MMM D\")} -\n ${moment(_course.end_date).format(\"MMM D\")}`}\n \n \n
- \n {isPrivate ? (\n
- \n {`${\n _course.discount === 0\n ? \"\"\n : `${currencyFormat(_course.subtotal)}`\n }`}\n
{currencyFormat(_course.total)}
\n \n - \n {_course.only_description ? (\n \n ) : !isPrivate && !_course.only_description ? (\n
\n
\n ) : null}\n \n \n Astoria, NY |\n
\n {isPrivate}\n
\n );\n })}\n - \n
- \n \n {isPrivate\n ? `${_course.noof_hours} Hours`\n : `${moment(_course.start_date).format(\"MMM D\")} -\n ${moment(_course.end_date).format(\"MMM D\")}`}\n \n \n
- \n {isPrivate ? (\n
- \n {`${\n _course.discount === 0\n ? \"\"\n : `${currencyFormat(_course.subtotal)}`\n }`}\n
{currencyFormat(_course.total)}
\n \n - \n {_course.only_description ? (\n \n ) : !isPrivate && !_course.only_description ? (\n
\n {courses.length ?
\n \n LIVE ONLINE
: null}\n {courses.slice(0, showItem).map((_course, index) => {\n const isExists = items.some(m => m.courseId === _course._id);\n const isPrivate =\n _course.subcategory_name.indexOf(\"Private\") !== -1;\n return (\n\n
\n );\n\n // ) : null;\n })}\n - \n
- \n \n {isPrivate\n ? `${_course.noof_hours} Hours`\n : `${moment(_course.start_date).format(\"MMM D\")} -\n ${moment(_course.end_date).format(\"MMM D\")}`}\n \n \n
- \n {isPrivate ? (\n
- \n {`${\n _course.discount === 0\n ? \"\"\n : `${currencyFormat(_course.subtotal)}`\n }`}\n
{currencyFormat(_course.total)}
\n \n - \n {_course.only_description ? (\n \n ) : !isPrivate && !_course.only_description ? (\n
{title} Schedules
\nFrequently Asked Questions
\n![\"Icon\"](\"/images/down-chevron.svg\"){kind=icon}
\n \n \n \n
\n \n Course Schedule:\n
{moment(courseSchedule.start_date).format(\n \"MMMM D YYYY\"\n )}{\" \"}\n - {moment(courseSchedule.end_date).format(\"MMMM D YYYY\")}\n
\n
\n \n \n {courseSchedule.discount !== 0\n ? `$ ${courseSchedule.subtotal}`\n : \"\"}\n \n ${courseSchedule.total}\n
\n \n Add To Cart\n \n\n \n \n
\n
\n | Day | \nDate | \nTime | \nSession Number | \n
|---|---|---|---|
| {moment(_date.date).format(\"dddd\")} | \n{moment(_date.date).format(\"MMM D YYYY\")} | \n{`${courseSchedule.start_time}-${courseSchedule.end_time}`} | \nSession {i + 1} | \n
{service?.title}
\n{service?.line1_description}
\n{service?.line2_description}
\n \n\n
\n \n \n
\n \n \n
\n\n
\n \n \n {/* Student Results */}\n
\n\n
\n \n \n {/* Google Reviews */}\n
\n\n
\n \n \n {/* Schedules & Pricing */}\n
\n\n
\n ) : null}\n Students Results
\n {service?._id ? (\n\n {service && (\n
\n {service?.title ? (\n \n
\n ) : null}\n {faqList.length > 0 ? \n \n Contact Us\n \n {/*
\n \n Contact Us
*/}\n{blog.contacts[0].title}
\n \n {blog.contacts[0].auther},\n {` ${moment(blog.contacts[0].createdAt).format(\n \"MMMM D, YYYY\"\n )}`}\n \n\n
\n - \n
- \n
- \n
- \n
- \n
\n \n Contact Us\n \n
\n \n Contact Us
\n\n Want to get in touch? We'd love to hear from you. You can call,\n email, or visit our locations.\n
\n \n\n
\n \n \n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n \n
\n \n
\n Have questions? Email us
\n \n service@bobbytariq.com\n \n\n (\n \n )}\n />\n\n {/* \n */}\n {/* {showToast && ( */}\n
\n \n \n Contact Us\n \n {/*
\n \n Contact Us
*/}\n\n {d.day}\n {d.date}\n {time}\n
\n );\n });\n\n return schedule;\n };\n\n return (\n <>\n {metaTags&& Object.keys(metaTags).length ? (\n\n \n
\n \n
\n \n Bobby-Tariq Tutoring Center
\n \n\n {subCategoryList.data && subCategoryList.data.length > 0\n ? subCategoryList.data.slice(0, 3).map((val) => (\n \n \n \n ))\n : null}\n
\n {/* \n{subCategoryList?.data?.map((data, index) => {\nif (index < 3) {\nreturn (\n
*/}\n \n \n \n \n\n\n
\n);\n}\n})}\n{data.title}
\nIn Person | Live Online
\n\n\n
\n \n \n
\n \n \n
\n \n \n
\n {findDate()}\n
\n \n \n
\n {findDate()}\n Students Results
\n\n \n Contact Us\n \n {/*
\n \n Contact Us
*/}\n\n {d.day}\n {d.date}\n {time}\n
\n );\n });\n\n return schedule;\n };\n\n return (\n <>\n {metaTags&& Object.keys(metaTags).length ? (\n\n \n
\n \n
}\n \n Bobby-Tariq Tutoring Center
\n \n\n {subCategoryList.data && subCategoryList.data.length > 0\n ? subCategoryList.data.slice(0, 3).map((val) => (\n \n \n \n ))\n : null}\n
\n \n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n {findDate()}\n
\n \n \n
\n {findDate()}\n Students Results
\n\n \n Contact Us\n \n {/*
\n \n Contact Us
*/}\n\n
\n \n );\n};\nexport default Sidebar;\n","import {\n ORDER_REQUEST,\n USER_DETAILS_REQUEST,\n USER_PAYMENT_REQUEST,\n USER_DETAILS_UPDATE_REQUEST\n} from \"../constants\";\n\nexport const getOrdersByUserId = id => {\n return {\n type: ORDER_REQUEST,\n payload: { id }\n };\n};\n\nexport const getUserDetailsById = id => {\n return {\n type: USER_DETAILS_REQUEST,\n payload: { id }\n };\n};\n\nexport const getPaymentMethodById = id => {\n return {\n type: USER_PAYMENT_REQUEST,\n payload: { id }\n };\n};\n\nexport const updatePersonalInfo = payload => {\n return {\n type: USER_DETAILS_UPDATE_REQUEST,\n payload: payload\n };\n};\n","import React, { useEffect } from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport Sidebar from \"../sidebar/sidebar\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { getUserDetailsById } from \"../../../redux/action/User\";\n\nimport \"./user-home.scss\";\nconst UserHome = () => {\n const dispatch = useDispatch();\n const { user } = useSelector(state => state.auth);\n const { userDetails } = useSelector(state => state.user);\n\n useEffect(() => {\n if (user) {\n dispatch(getUserDetailsById(user._id));\n }\n }, [user._id]);\n const userData =\n userDetails !== \"undefined\" &&\n Object.keys(userDetails).length &&\n userDetails?.data.length\n ? userDetails.data[0]\n : null;\n return (\n <>\n - \n
- \n
- \n
- \n
- \n
- \n
\n \n
\n \n
\n
\n \n \n {userData ? (\n
\n \n \n Welcome,\n {`${userData.firstName} ${userData.lastName}`}\n
\n ) : null}\n\n\n Welcome to your Bobby-Tariq® account. Here you can\n manage your\n
\n registration forms, order history, payment details, and\n security.\n
\n
\n \n \n
\n Personal Info
\n\n Manage student info, parent info, billing addresses,\n and phone number.\n
\n Manage Personal Info\n {/* Manage Personal Info */}\n\n
\n \n
\n \n \n
\n Order History
\n\n Access your registration form, purchase history, and\n payment status.\n
\n Manage Order History\n\n
\n \n
\n \n \n
\n Payment Method
\n\n Manage your credit card & debit card saved on the\n account. Update the payment method as needed.\n
\n Manage Payment Method\n\n
\n \n
\n \n \n
\n Security
\n\n Manage your login details such as user name and\n password.\n
\n Manage Security\n\n
\n \n
\n \n \n
\n {userData ? (\n Personal Info
\n\n Manage student info, parent info, billing addresses,
\n and phone number.\n
\n (\n \n )}\n />\n
\n ) : (\n No Data Found
\n )}\n\n
\n \n \n
\n Order History
\n\n Access your registration form, purchase history, and
\n payment status.\n
\n
\n \n
\n \n
\n Order History
\n\n \n \n
\n
\n | Order ID | \nDate | \nCourse Name | \nPrice | \n {/*Payment Status | */}\nPayment Type | \nInstallment Date | \nPDF Invoice | \n||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| {_order.eorderId} | \n\n {moment(_order.createdAt).format(\"MM/DD/YY\")}\n | \n{_order.courses[0].name} | \n{_order.courses[0].price} | \n {/*{_order.payment_status} | */}\n{_order.paymentType} | \n {_order.paymentType === \"Installment\" ? (\n\n {_order.instalmentsDate.map((val, i) => (\n \n {moment(val).format(\"MM/DD/YY\")} - $\n {_order.first_amount}.00{\" \"}\n {moment() > moment(val) ? (\n (Paid)\n ) : (\n \"\"\n )}\n \n ))}\n | \n ) : (\n N/A | \n )}\n\n {\" \"}\n ![\"icon\"](\"/images/pdf-icon.svg\"){kind=icon} \n \n | \n {/*\n Partial Paid \n \n 2nd Payment Failed Update Payment\n \n | \n \n \n 05/04/21 - $1,500(Paid)\n \n05/22/21 - $1,000 \n \n (Failed - Update Payment)\n \n06/15/21 - $500 \n (Not Due Yet)\n | \n \n {\" \"}\n \n \n \n | */}\n
| 2314 | \n04/11/21 | \nSHSAT Prep | \n$2,500 | \nFull Paid | \n\n | \n {\" \"}\n \n \n \n | \n
\n
\n \n \n
\n {paymentData ? (\n Payment Methods
\n\n Manage your credit card and debit card saved on the account.\n
\n Update the payment method as needed.\n
\n
\n ) : (\n \n
\n \n
\n Payment Method
\n Edit Payment Method\n\n {/*
\n \n ERROR: Please update your payment method.\n
*/}\n \n Name of Card\n {paymentData.name_of_card}\n
\n\n Credit / Debit Card Number{\" \"}\n ***********{paymentData.last_4_digits}\n
\n\n Expiration Date\n {paymentData.expire}\n
\n\n CVC\n {paymentData.cvv}\n
\n\n Zip Code\n {paymentData.zipcode}\n
\n\n This card will be used for all upcoming installment\n payments.\n
\nNo data Found
\n )}\n\n
\n \n \n
\n Security
\n\n Manage your login details such as user\n
name and password.\n
\n {userData ? (\n
\n \n (\n \n )}\n />\n
\n ) : (\n No Data Found
\n )}\n\n
\n \n \n
\n \n
\n New Here?
\n \n Create An Account | Checkout\n \n\n or\n
\n \n
\n \n \n Sign In | Checkout\n \n
\n Already have an account?
\n\n
\n \n
\n {item.only_desc_showdate && (\n
\n \n )}\n Order Summary
\n\n {items?.length\n ? items.map((item, index) => {\n const isPrivate =\n item.subcategory_name.indexOf(\"Private\") !== -1;\n\n return (\n <>\n\n
\n {item.start_time} - {item.end_time}\n
\n {item.location}
\n
\n
\n \n )}\n \n ) : (\n <>\n \n
\n\n {isPrivate\n ? \"\"\n : `${item.days[0].day}-\n ${item.days[item.days.length - 1].day} \n (${item.noof_classes} Classes)`}\n\n {isPrivate ? (\n
\n ) : (\n <>\n {\" \"}\n \n {item.subcategory_name} - {item.service_type}{\" \"}\n
\n
{item.noof_hours} Hours
\n ) : (\n `${moment(item.start_date).format(\n \"MMM D\"\n )} -\n ${moment(item.end_date).format(\"MMM D YYYY\")}`\n )}\n\n\n {isPrivate\n ? \"\"\n : `${item.days[0].day}-\n ${item.days[item.days.length - 1].day} \n (${item.noof_classes} Classes)`}\n\n {isPrivate ? (\n
\n {item.start_time} - {item.end_time}\n
\n {item.location}
\n
\n
\n {item.only_desc_showdate && (\n
\n {moment(item.start_date).format(\n \"MMM D\"\n )}{\" \"}\n -\n {moment(item.end_date).format(\n \"MMM D YYYY\"\n )}\n
\n )}\n\n {`${\n item.discount === 0\n ? \"\"\n : currencyFormat(item.subtotal)\n }`}\n
\n \n {item.discount !== 0 ? (\n {currencyFormat(item.total)}
\n\n \n \n
\n ) : null}\n\n \n
\n \n );\n })\n : null}\n Select Payment Option
\n\n \n \n handleActiveStatus(e, \"first\", \"\", item)\n }\n />\n \n Pay In Full\n \n Due Today\n {currencyFormat(item.total)}\n \n \n \n handleActiveStatus(e, \"\", \"second\", item)\n }\n />\n \n Pay In Installments\n \n {item.payment_type !== \"Full\" ? (\n <>\n
\n or
\n\n \n Due Today\n \n \n {currencyFormat(\n item.emi_details.due_today\n )}\n \n \n
\n {item.emi_details.payment_option ===\n \"Option 1\"\n ? item.emi_details.installment_details.map(\n (_date, i) => {\n totalDays =\n totalDays +\n parseInt(\n _date.paymentoptions_value\n );\n return (\n\n {moment()\n .add(totalDays, \"days\")\n .format(\"MM/DD/YYYY\")}\n \n {currencyFormat(\n _date.value\n )}\n \n
\n );\n }\n )\n : item.emi_details.payment_option ===\n \"Option 2\"\n ? item.emi_details.installment_details.map(\n (_date, i) => (\n <>\n\n {moment(\n _date.paymentoptions_value\n ).format(\"MM/DD/YYYY\")}\n \n {currencyFormat(\n _date.value\n )}\n \n
\n \n )\n )\n : item.emi_details.installment_details.map(\n (_date, i) => (\n\n {moment()\n .add(\n _date.paymentoptions_value,\n \"days\"\n )\n .format(\"MM/DD/YYYY\")}\n \n {currencyFormat(_date.value)}\n \n
\n )\n )}\n \n ) : null}\n \n\n
\n \n Subtotal\n \n {items.reduce(function(sum, current) {\n const subFormat = sum + current.subtotal;\n return currencyFormat(subFormat);\n }, 0)}\n \n
\n\n Discount\n \n -{\" \"}\n {items.reduce(function(sum, current) {\n const discountFormat = sum + current.discount;\n return currencyFormat(discountFormat);\n }, 0)}\n \n
\n\n Total\n \n {items.reduce(function(sum, current) {\n const totalFormat = sum + current.total;\n return currencyFormat(totalFormat);\n }, 0)}\n \n
\n\n
\n \n \n \n \n PAY TODAY\n \n {`${\n type?.paymentType === \"Installment\" ||\n items[0]?.payment_type === \"Installment\"\n ? currencyFormat(items[0]?.emi_details?.due_today)\n : currencyFormat(items[0]?.total)\n } USD`}\n \n
\n\n \n \n
\n \n
\n
\n \n Bobby-TariqR Guarantee\n
\nbuy With Confidence
\n \n\n
\n \n Full refunds of unused classes
\n\n
\n \n No Fixed Term Contracts
\n\n
\n \n In Person & Online Classes
\n\n
\n \n Courses Available Anytime Of The Year
\n\n handleRegister(values, form)}\n render={({\n submitError,\n handleSubmit,\n submitting,\n\n values,\n }) => {\n return (\n {\n event.preventDefault();\n handleSubmit(event);\n }}\n >\n
\n ) : (\n CREATE AN ACCOUNT
\n\n
\n\n \n Are you a\n
\n \n
\n or\n \n
\n \n
\n ?\n \n
\n \n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n\n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n \n \n {({ input, meta }) => (\n \n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n\n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n \n \n State \n \n {getStates().statesArray.map((_state, i) => (\n \n ))}\n \n \n {/* \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {({ input, meta }) => (\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t */}\n \n \n {({ input, meta }) => (\n \n
\n\n \n \n \n {({ input, meta }) => (\n \n
\n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n \n \n Expire Month \n \n {getMonths().monthArray.map((_month, i) => (\n \n {_month.name}\n \n ))}\n \n \n \n Expire Year \n \n {getYears().map((_month, i) => (\n \n ))}\n \n \n
\n \n \n \n {({ input, meta }) => (\n \n \n \n {({ input, meta }) => (\n \n
\n\n \n
\n\n \n {\n
\n {submitError && (\n \n Email Address \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n Password \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n STUDENT INFO
\n\n \n Student's First Name\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Student's Last Name\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Student's Email Address\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n PARENT INFO
\n\n \n Parent's First Name\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Parent's Last Name\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Parent's Email Address\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n Phone Number \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n Street Address \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Apartment, unit, suite, or floor #\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n City \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n\t\t\t\t\t\t\t\t\t\t State \n\t\t\t\t\t\t\t\t\t\t {meta.error && meta.touched && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t {meta.error}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t )}\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\t\n\t\t\t\t\t\t\t\t \n Zipcode \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n
\n PAYMENT METHOD
\n\n
Pay with Credit/Debit Card
\n \n\n Card Number \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Card Holder First Name\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n \n Card Holder Last Name\n \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n Security Code \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n Zipcode \n {meta.error && meta.touched && (\n \n {meta.error}\n \n )}\n
\n )}\n \n \n I accept{\" \"}\n {/* */}\n \n Bobby-Tariq Tutoring Center's Terms and\n Conditions\n {/* */}\n \n
\n{submitError}
\n )}\n \n );\n }}\n />\n \n (\n \n )}\n />\n
\n )}\n \n \n
\n \n
\n {item.only_desc_showdate && (\n
\n \n )}\n Order Summary
\n\n {items?.length\n ? items.map((item, index) => {\n const isPrivate =\n item.subcategory_name.indexOf(\"Private\") !== -1;\n\n return (\n <>\n\n
\n {item.start_time} - {item.end_time}\n
\n {item.location}
\n
\n
\n \n )}\n \n ) : (\n <>\n \n
\n\n {isPrivate\n ? \"\"\n : `${item.days[0].day}-\n ${item.days[item.days.length - 1].day} \n (${item.noof_classes} Classes)`}\n\n {isPrivate ? (\n
\n ) : (\n <>\n {\" \"}\n \n {item.subcategory_name} - {item.service_type}{\" \"}\n
\n
{item.noof_hours} Hours
\n ) : (\n `${moment(item.start_date).format(\n \"MMM D\"\n )} -\n ${moment(item.end_date).format(\"MMM D YYYY\")}`\n )}\n\n\n {isPrivate\n ? \"\"\n : `${item.days[0].day}-\n ${item.days[item.days.length - 1].day} \n (${item.noof_classes} Classes)`}\n\n {isPrivate ? (\n
\n {item.start_time} - {item.end_time}\n
\n {item.location}
\n
\n
\n {item.only_desc_showdate && (\n
\n {moment(item.start_date).format(\n \"MMM D\"\n )}{\" \"}\n -\n {moment(item.end_date).format(\n \"MMM D YYYY\"\n )}\n
\n )}\n\n {`${\n item.discount === 0\n ? \"\"\n : currencyFormat(item.subtotal)\n }`}\n
\n \n {item.discount !== 0 ? (\n {currencyFormat(item.total)}
\n\n \n \n
\n ) : null}\n\n \n
\n \n );\n })\n : null}\n Select Payment Option
\n\n {/* */}\n \n \n handleActiveStatus(e, \"first\", \"\", item)\n }\n />\n \n Pay In Full\n \n Due Today\n {currencyFormat(item.total)}\n \n \n \n handleActiveStatus(e, \"\", \"second\", item)\n }\n />\n \n Pay In Installments\n \n {item.payment_type !== \"Full\" ? (\n <>\n
\n or
\n\n \n Due Today\n \n {currencyFormat(\n item.emi_details.due_today\n )}\n \n
\n {item.emi_details.payment_option ===\n \"Option 1\"\n ? item.emi_details.installment_details.map(\n (_date, i) => {\n totalDays =\n totalDays +\n parseInt(\n _date.paymentoptions_value\n );\n return (\n\n {moment()\n .add(totalDays, \"days\")\n .format(\"MM/DD/YYYY\")}\n \n {currencyFormat(\n _date.value\n )}\n \n
\n );\n }\n )\n : item.emi_details.payment_option ===\n \"Option 2\"\n ? item.emi_details.installment_details.map(\n (_date, i) => (\n <>\n\n {moment(\n _date.paymentoptions_value\n ).format(\"MM/DD/YYYY\")}\n \n {currencyFormat(\n _date.value\n )}\n \n
\n \n )\n )\n : item.emi_details.installment_details.map(\n (_date, i) => (\n\n {/* {_date.paymentoptions_value} */}\n {moment()\n .add(\n _date.paymentoptions_value,\n \"days\"\n )\n .format(\"MM/DD/YYYY\")}\n \n {currencyFormat(_date.value)}\n \n
\n )\n )}\n \n ) : null}\n \n\n
\n \n Subtotal\n \n {items.reduce(function (sum, current) {\n const subFormat = sum + current.subtotal;\n return currencyFormat(subFormat);\n }, 0)}\n \n
\n\n Discount\n \n -\n {items.reduce(function (sum, current) {\n const discountFormat = sum + current.discount;\n return currencyFormat(discountFormat);\n }, 0)}\n \n
\n\n Total\n \n {items.reduce(function (sum, current) {\n const totalFormat = sum + current.total;\n return currencyFormat(totalFormat);\n }, 0)}\n \n
\n\n
\n \n \n \n \n PAY TODAY\n \n {`${\n type?.paymentType === \"Installment\" ||\n items[0]?.payment_type === \"Installment\"\n ? currencyFormat(items[0]?.emi_details?.due_today)\n : currencyFormat(items[0]?.total)\n } USD`}\n \n
\n404
\nThe page you are requested could not be found
\n Back to Home\n \n\n { this.idleTimer = ref }}\n timeout={1000 * 60 * 5}\n onActive={this.handleOnActive}\n onIdle={this.handleOnIdle}\n onAction={this.handleOnAction}\n debounce={250}\n />\n {/*
\n )\n }\n\n handleOnAction (event) {\n console.log('user did something', event)\n this.setState({isTimedOut: false})\n }\n\n handleOnActive (event) {\n console.log('user is active', event)\n console.log('time remaining', this.idleTimer.getRemainingTime())\n this.setState({isTimedOut: false})\n }\n\n handleOnIdle (event) {\n console.log('user is idle', event)\n console.log('last active', this.idleTimer.getLastActiveTime())\n localStorage.clear();\n window.location.href = \"/\";\n // console.log('user is idle', e)\n // const isTimedOut = this.state.isTimedOut\n // if (isTimedOut) {\n // localStorage.clear();\n // // you can also like localStorage.removeItem('Token');\n // window.location.href = \"/\";\n // } else {\n // this.setState({showModal: true})\n // this.idleTimer.reset();\n // this.setState({isTimedOut: true})\n // }\n }\n}","import React from \"react\";\nimport {\n BrowserRouter as Router,\n Switch,\n Route,\n Redirect,\n useLocation,\n} from \"react-router-dom\";\nimport Home from \"../containers/home/home\";\nimport Header from \"../components/header/header\";\nimport Footer from \"../components/footer/footer\";\nimport Blog from \"../containers/blog/blog\";\nimport Service from \"../containers/service/service\";\nimport SingleBlog from \"../containers/single-blog/single-blog\";\nimport ContactUs from \"../containers/contact-us/contact-us\";\nimport Location from \"../containers/location/location\";\nimport Location3 from \"../containers/location/location-3\";\nimport UserHome from \"../containers/user-module/user-home/user-home\";\nimport PersonalInfo from \"../containers/user-module/personal-info/personal-info\";\nimport OrderHistory from \"../containers/user-module/order-history/order-history\";\nimport PaymentMethod from \"../containers/user-module/payment-method/payment-method\";\nimport Security from \"../containers/user-module/security/security\";\nimport Cart from \"../containers/cart/cart\";\nimport Checkout from \"../containers/checkout/checkout\";\nimport LoginPage from \"../containers/login/login\";\nimport ForgotPassword from \"../containers/forgot-password\";\nimport TermsAndCondition from \"../containers/terms-conditions\";\nimport ScrollToTop from \"../common/scrollTop\";\n\nimport PrivateRoute from \"../common/PrivateRoute\";\n\nimport { useSelector } from \"react-redux\";\nimport NotFound from \"../components/NotFound/NotFound\";\nimport IdleTimerLogout from \"../components/idleTimer\";\n\nexport const RemoveTrailingSlash = ({ ...rest }) => {\n const location = useLocation();\n\n // If the last character of the url is '/'\n if (location.pathname.match(\"/.*/$\")) {\n return (\n \n \n \n \n \n \n
\n );\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 \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport { hydrate, render } from \"react-dom\";\n \n\nconst rootElement = document.getElementById(\"root\");\nif (rootElement.hasChildNodes()) {\n hydrate(