\r\n {\r\n trans(\"navbar:offer_start\") + price + trans(\"common:rial\")\r\n }\r\n
\r\n }\r\n
\r\n \r\n {description}\r\n
\r\n\r\n \r\n {aboutOwner?.description}\r\n
\r\n{validationMessage}
\r\n![\"arrow\"](\"/assets/icons/arrow.svg\"){kind=icon}
\r\n 
\r\n \r\n : null\r\n }\r\n \r\n ![](\"/assets/logo/logo_AR.png\"alt=\"hassan){kind=logo}
\r\n :\r\n ![](\"/assets/logo/logo_EN.png\"alt=\"hassan){kind=logo}
\r\n\r\n }\r\n \r\n \r\n {subTitle}
\r\n{t('add_to_cart')}
\r\n }\r\n{t('unexpected_errer')}
\r\n }\r\n{t('add_to_cart')}
\r\n }\r\n{t('unexpected_errer')}
\r\n }\r\n![\"google](\"/assets/icons/google.png\"){kind=icon}
\r\n \r\n )}\r\n onSuccess={(e) => onSuccess('Google', e)}\r\n onFailure={(e) => onFailure('Google', e)}\r\n cookiePolicy={window.location.origin}\r\n />\r\n ![\"facebook](\"/assets/icons/facebook.svg\"){kind=icon}
{title}
\r\n { editable &&
\r\n {infoText}
\r\n{trans(\"common:or\")}
*/}\r\n\r\n {/*\r\n \r\n )}\r\n onSuccess={(e) => onSuccess('Google', e)}\r\n onFailure={(e) => onFailure('Google', e)}\r\n cookiePolicy={window.location.origin}\r\n />\r\n \r\n {notes[activeStep] + ((activeStep == 1) ? identityType == true ? trans(\"form:identity-no\") : identityType == false ? trans(\"finance:cn\") : '' : '')}\r\n
\r\n\r\n\r\n {trans(\"common:reset-password-step-2-note\")}\r\n
\r\n![](\"/assets/icons/search.svg\"){kind=icon}
\r\n \r\n ![\"phone](\"/assets/icons/phone.svg\"){kind=icon}
{phoneNumber}\r\n {desc}\r\n
\r\n\r\n\r\n {desc}\r\n
\r\n{prop.subtitle}
\r\n {prop.children}\r\n\r\n {desc}\r\n
\r\n![\"image](\"/assets/icons/arrow-primary.svg\"){kind=icon}
\r\n : ![\"image](\"/assets/icons/arrow-primary.svg\"\r\n){kind=icon}
\r\n }\r\n \r\n {\"It all started in the 19th century with an idea; to build a car that operates on both fuel and electricity. It was rather complicated to create a self-operating engine, however, so the idea did not see the light.\"}\r\n
\r\n\r\n Towards the end of the 20th century,\r\n change was evident as our environments\r\n evolved, and Toyota trailblazed developing the idea of a dual engine car.\r\n The\r\n Toyota Prius was released in 1997, and it was Toyota's first hybrid vehicle\r\n ever.\r\n
\r\n\r\n Hybrid technology hinges on using\r\n electricity besides fuel to power\r\n the vehicle, where the needed energy is generated by the car's movement or\r\n braking.\r\n Toyota runs avid research and development on its hybrid engines, aiming to\r\n introduce\r\n an integrated driving experience through more advanced features, more\r\n efficient fuel\r\n consumption and better safety specifications for its vehicles.\r\n
\r\n\r\n\r\n Hybrid technology hinges on using\r\n electricity besides fuel to power\r\n the vehicle, where the needed energy is generated by the car's movement or\r\n braking.\r\n Toyota runs avid research and development on its hybrid engines, aiming to\r\n introduce\r\n an integrated driving experience through more advanced features, more\r\n efficient fuel\r\n consumption and better safety specifications for its vehicles.\r\n
\r\n![\"info\"](\"/assets/icons/info.svg\"){kind=icon}
\r\n {trans(\"common:End-Date-view\")} {new Date(end_Offer).toLocaleDateString()}\r\n ![\"overview\"](\"/assets/icons/car/overview.svg\"\r\n){kind=icon}
\r\n \r\n \r\n {trans(\"car:features\")}\r\n ![\"features\"](\"/assets/icons/car/features.svg\"\r\n){kind=icon}
\r\n \r\n \r\n {trans(\"car:gallery\")}\r\n ![\"gallery\"](\"/assets/icons/car/gallery.svg\"){kind=icon}
\r\n \r\n {\r\n // \r\n }\r\n\r\n ![\"petrol\"](\"/assets/icons/car/petrol.svg\"){kind=icon}
\r\n ![\"cylinders\"](\"/assets/icons/car/cylinders.svg\"){kind=icon}
\r\n ![\"engine\"](\"/assets/icons/car/engine.svg\"){kind=icon}
\r\n ![\"seat\"](\"/assets/icons/car/seat.svg\"){kind=icon}
\r\n {hjGallery.description}
\r\n\r\n {content}\r\n
\r\n\r\n{subtitle}
\r\n\r\n
\r\n {excerpt ?excerpt :null}\r\n
\r\n{trans('info:add_favorite')}
\r\n
\r\n 
e.target.style.display = 'none'} />\r\n\r\n ![](\"/assets/icons/camera-svgrepo-com.svg\"){kind=icon}
e.target.style.display = 'none'} />\r\n ![](\"/assets/icons/share-icon.png\"){kind=icon}
e.target.style.display = 'none'} alt={\"share icon\"} />\r\n ![](\"/assets/icons/arrow-alt-circle-left-regular.svg\"){kind=icon}
e.target.style.display = 'none'} />\r\n ![{trans(\"buy\")}](\"/assets/icons/cart.svg\"\r\n){kind=icon}
e.target.style.display = 'none'} />\r\n \r\n\r\n \r\n {desc}\r\n
\r\n\r\n {\r\n offerDate ?\r\n{trans(\"offers:end-in\")}
\r\n{trans(\"offers:day\")}
\r\n|
\r\n{trans(\"offers:date\")}
\r\n\r\n {desc}\r\n
\r\n\r\n\r\n {desc}\r\n
\r\n\r\n {detail?.content}\r\n
\r\n \r\n\r\n {desc}\r\n
\r\n\r\n![](\"/assets/images/finalized.svg\")
\r\n ![](\"/assets/icons/copy.svg\"){kind=icon}
\r\n \r\n ![\"\"/](\"/assets/icons/car-search.svg\"){kind=icon}
\r\n \r\n \r\n {\r\n siteDesc\r\n }\r\n
\r\n {\r\n pdf && ()\r\n }\r\n
\r\n \r\n ![\"engine\"](\"/assets/icons/car/cylinders.svg\"\r\n){kind=icon}
\r\n ![\"engine\"](\"/assets/icons/car/seat.svg\"\r\n){kind=icon}
\r\n ![\"engine\"](\"/assets/icons/car/engine.svg\"\r\n){kind=icon}
\r\n ![\"engine\"](\"/assets/icons/car/gasoline.svg\"\r\n){kind=icon}
\r\n ![\"petrol\"](\"/assets/icons/car/petrol.svg\"\r\n){kind=icon}
\r\n \r\n {description}\r\n
\r\n![{\"check\"}]({\"/assets/icons/check.svg\"}){kind=icon}
e.target.style.display = 'none'}/>\r\n e.target.style.display = 'none'}/>\r\n e.target.style.display = 'none'} />\r\n \r\n \r\n {desc}\r\n
\r\n{trans(\"info:price_note\")}
\r\n\r\n ![](\"/assets/icons/trash.svg\" "\\"حذف\\""){kind=icon}
\r\n \r\n ![](\"/assets/icons/edit.svg\" "\\"تعديل\\""){kind=icon}
\r\n \r\n \r\n {desc}\r\n
\r\n\r\n \r\n\r\n \r\n \r\n {banner?.excerpt}\r\n
\r\n\r\n {\r\n banner?.endDate ?\r\n{trans(\"offers:end-in\")}
\r\n{trans(\"offers:day\")}
\r\n|
\r\n{trans(\"offers:date\")}
\r\n![](\"/assets/icons/tabby.png\"){kind=icon}
\r\n ![](\"/assets/icons/arrow-right.svg\"){kind=icon}
\r\n \r\n {/* \r\n \r\n {banner?.excerpt}\r\n
\r\n\r\n![\"hassan](\"/assets/icons/cart.svg\"){kind=icon}
\r\n \r\n \r\n e.target.style.display = \"none\"}\r\n />\r\n {Description}
\r\n{subtitel}
\r\n{subtitle}
\r\n{subtitle}
\r\n\r\n {Desc ? Desc : \"\"}\r\n
\r\n { }\r\n\r\n {Desc ? Desc : \"\"}\r\n
\r\n { }\r\n![\"toyota\"](\"/assets/brands/toyota.svg\")
\r\n ![\"toyota\"](\"/assets/brands/lexus.svg\")
\r\n ![](\"/assets/icons/star-empty.svg\"){kind=spacer}
}\r\n fullSymbol={![](\"/assets/icons/star-full.svg\"){kind=icon}
}\r\n />\r\n );\r\n}","import axios from \"axios\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { PartRating } from \"./rate\";\r\nimport config from '../../../configuration/config.json'\r\nexport function RatingSection({ productID }) {\r\n const { t: trans } = useTranslation([\"common\", \"model\"]);\r\n const [comments, setComments] = useState([]);\r\n useEffect(() => {\r\n handleFetchComments();\r\n }, []);\r\n\r\n // to fetch comments\r\n const handleFetchComments = () => {\r\n try {\r\n if (productID) {\r\n axios.post(\r\n config.baseURL + 'func',\r\n {\r\n \"Name\": \"SiteFetchSparePartEvaluations\",\r\n \"Values\": {\r\n \"GUID\": `${productID}`\r\n }\r\n }\r\n ).then(response => {\r\n console.log(\"response.data:\",response.data)\r\n setComments(response.data);\r\n }).catch(error => {\r\n console.log('rating section has error request', error);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n return (\r\n <>\r\n {\r\n comments.map((item, index) => {\r\n return (\r\n \r\n \r\n {\r\n item.Comment\r\n }\r\n
\r\n![](\"/assets/icons/tabby.png\"/){kind=icon}
\r\n ![](\"/assets/icons/arrow-right.svg\"/){kind=icon}
\r\n \r\n {/* {lang.toLowerCase() == \"en\" ? D.DescriptionEn : D.DescriptionAr}
*/}\r\n {/*![{\"arrow\"}\r\n](\"/assets/icons/arrow.svg\"\r\n){kind=icon}
e.target.style.display = \"none\"}\r\n />\r\n e.target.style.display = \"none\"}\r\n />\r\n {D.DescriptionEn}
\r\n //{D.DescriptionAr}
\r\n //\r\n // {trans(\"eparts:AccessTo\")} {DilevryTime}\r\n //
\r\n //\r\n // ![\"location\"/](\"/assets/icons/location.svg\"\r\n){kind=icon}
\r\n // \r\n // {\r\n // trans(\"info:ditance_note\") + ' ' + (locationDistance ? (String(locationDistance) + ' ' + trans('info:km')) : '')\r\n // }\r\n //
\r\n // \r\n //![\"\"/](\"/assets/icons/link-new-page.svg\"){kind=icon}
\r\n // \r\n //\r\n // ![\"\"/](\"/assets/icons/part/secure.svg\"\r\n){kind=icon}
\r\n // ![{\"info\"}/]({\"/assets/icons/info-primary.svg\"}\r\n){kind=icon}
\r\n // ![\"\"/](\"/assets/icons/part/replace.svg\"\r\n){kind=icon}
\r\n // \r\n // ![\"\"/](\"/assets/icons/part/original.svg\"\r\n){kind=icon}
\r\n // \r\n // ![\"\"/](\"/assets/icons/part/fast.svg\"\r\n){kind=icon}
\r\n // \r\n // \r\n {Description}
\r\n{Description}
\r\n{brand}
\r\n{modelTypes}
\r\n{year}
\r\n\r\n {colorName}\r\n
\r\n\r\n \r\n\r\n : \r\n }\r\n ![{\"show\"}]({\"/assets/icons/arrow.svg\"}){kind=icon}
\r\n \r\n }\r\n {GiftS?.length > 0 &&\r\n {\r\n setHasAccessories(false);\r\n setHasGift(!hasGift);\r\n\r\n }} className={\"cart-groups-btn text-16 font-bold flex nice-pointer \"}>\r\n {trans(\"cartFile:gifts\")}\r\n \r\n // \r\n // {productNo}
\r\n{CartInfo?.category}
\r\n{CartInfo?.Description}
\r\n{CartInfo?.offerName}
\r\n{Desc}
\r\n\r\n {\r\n editCarType == false && getData('isAuthenticated') ?\r\n\r\n <>\r\n\r\n![](\"/assets/images/more-images/8fc02cfb0c252e439ae0caf0e61d1228.svg\"\r\n\r\n)
{\r\n setEditCarType(true);\r\n\r\n }}\r\n\r\n />\r\n \r\n : null\r\n\r\n }\r\n\r\n {SupportedLastsServices.length}
\r\n{SupportedLastsServices.map((a, index) => {\r\n\r\n return (\r\n
\r\n \r\n\r\n : \r\n }\r\n\r\n {\r\n setEditDate(true);\r\n\r\n }}\r\n\r\n />\r\n \r\n : null\r\n\r\n }\r\n\r\n\r\n ![](\"/assets/icons/save.svg\"){kind=icon}
\r\n\r\n\r\n\r\n }\r\n\r\n\r\n {false && \r\n \r\n\r\n :\r\n <>\r\n ![](\"/assets/icons/save.svg\"\r\n){kind=icon}
{\r\n\r\n updateDateService();\r\n\r\n\r\n }}\r\n />\r\n\r\n ![](\"/assets/icons/refresh.svg\"\r\n){kind=icon}
{\r\n\r\n setDefultDate();\r\n setEditDate(false);\r\n setLodingEditDate(false);\r\n\r\n\r\n }}\r\n />\r\n \r\n\r\n }\r\n \r\n \r\n\r\n :\r\n <>\r\n {\r\n\r\n updateCarTypeService();\r\n\r\n\r\n }}\r\n />\r\n\r\n {\r\n\r\n setDefultDate();\r\n setEditCarType(false);\r\n setLodingEditCarType(false);\r\n\r\n\r\n }}\r\n />\r\n \r\n }\r\n {modelTypes}
\r\n{CartInfo?.Description}
\r\n{details}
\r\n { \r\n googleMapPoints &&
\r\n {trans(\"new:show_location\")}
\r\n {couponCode ?? ''}\r\n ![](/assets/icons/sadad.png "\\"Sadad\\""){kind=icon}
\r\n \r\n\r\n {\r\n\r\n\r\n isTamara == true &&\r\n {\r\n if (onPaymentClick) {\r\n !isFreeze && onPaymentClick(\"Tamara\");\r\n }\r\n }}\r\n >\r\n ![](/assets/icons/paytabs.png "\\"Paytabs\\""){kind=icon}
\r\n \r\n ![{\"master\"}](\"/assets/icons/companies/master-card-3.png\"){kind=icon}
\r\n ![{\"visa\"}](\"/assets/icons/companies/visa-3.png\"){kind=icon}
\r\n ![{\"mada\"}](\"/assets/icons/companies/mada-3.png\"){kind=icon}
\r\n\r\n {\r\n !isTamara ?\r\n ![{\"SADAD\"}]({\"/assets/icons/companies/SADAD-Logo.png\"}){kind=icon}
\r\n : null\r\n }\r\n\r\n\r\n\r\n ![\"empty](\"/assets/svg_background/empty_cart.svg\")
\r\n ![\"\"](\"/assets/icons/services/fin.svg\" "{offerTitle}"){kind=icon}
\r\n {group}
\r\n{model}
\r\n{showPric &&
{carInfo?.group}
\r\n{carInfo?.model}
\r\n{approximateResult?.period}
\r\n
{financeDetails?.firstPayment +' ' + trans(\"common:rial\")}
\r\n{financeDetails?.monthsQuantity + ' ' + trans(\"common:rial\")}
\r\n{financeDetails?.monthsCount + ' ' + trans(\"finance:month\")}
\r\n| السعر (غير شامل الضريبة) | \r\n\r\n {\r\n getFullPrice()\r\n } {trans(\"common:rial\")}\r\n | \r\n
| الدفعة الأولى | \r\n{financeDetails?.firstPayment +' '} {trans(\"common:rial\")} | \r\n
| القسط الشهري | \r\n{financeDetails?.monthsQuantity + ' ' } {trans(\"common:rial\")} | \r\n
| رسوم إدارية | \r\n{financeDetails.rate ? (financeDetails.rate + '%') :'لايوجد'} | \r\n
| عدد الأشهر | \r\n{financeDetails?.monthsCount + ' ' + trans(\"finance:month\")} | \r\n
{award.description}
\r\n{vision.content}
\r\n\r\n {about?.desc}\r\n
\r\n\r\n {trans(\"info:price\")}{\":\"}
\r\n\r\n\r\n {trans(\"info:service_price_head_message\")}
\r\n\r\n \r\n {maintenanceInfo?.desc ?? ''}\r\n
\r\n![\"hassan](\"/assets/logo/logo_AR.png\"\r\n){kind=logo}
\r\n \r\n ![\"hassan](\"/assets/logo/logo_EN.png\"\r\n){kind=logo}
\r\n \r\n ![\"change](\"/assets/icons/globle.svg\"){kind=icon}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ![{brand}]({`/assets/icons/brands/${\"toyota\"}.png`}\r\n){kind=icon}
e.target.style.display = 'none'} />\r\n :\r\n (\r\n (brand == 2) ?\r\n ![{brand}]({`/assets/icons/brands/${\"lexus-black\"}.png`}\r\n){kind=icon}
e.target.style.display = 'none'} />\r\n :\r\n null\r\n\r\n )\r\n\r\n }\r\n ![\"user](\"/assets/icons/contact/location.svg\"){kind=icon}
\r\n 
\r\n \r\n }\r\n\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n e.target.style.display = 'none'} />\r\n {\"TOYOTA\"}\r\n \r\n :\r\n (\r\n (brand == 2) ?\r\n <>\r\n e.target.style.display = 'none'} />\r\n {\"LEXUS\"}\r\n \r\n :\r\n null\r\n\r\n )\r\n\r\n }\r\n {trans(\"info:مبروك عليك سيارتك الجديدة \")}
\r\n{trans(\"info: هذه بعض الخدمات الاضافية لحماية السيارة \")}
\r\n {/* e.target.style.display = 'none'} />\r\n :\r\n (\r\n (brand == 2) ?\r\n e.target.style.display = 'none'} />\r\n :\r\n null\r\n\r\n )\r\n\r\n }\r\n \r\n \r\n // \r\n \r\n \r\n\r\n \r\n \r\n }\r\n\r\n \r\n \r\n */}\r\n {trans(\"info:price\")}
\r\n\r\n\r\n {trans(\"info:service_price_head_message\")}
\r\n\r\n \r\n }\r\n\r\n \r\n\r\n {\r\n isSendeng && \r\n \r\n \r\n }\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n![](\"/assets/icons/menu.svg\"){kind=icon}
\r\n ![\"logout\"](\"/assets/user_profile/icons/logout.svg\"){kind=icon}
\r\n {trans(\"user:logout\")}\r\n ![\"notification\"](\"/assets/user_profile/icons/notification/icon.svg\"\r\n){kind=icon}
\r\n \r\n 
\r\n handleChangeImage(e)}\r\n />\r\n \r\n \r\n {trans(\"messages:page_not_found_message\")}\r\n
\r\n\r\n![\"\"/](\"/assets/svg_background/error.svg\")
\r\n \r\n ![](\"/assets/images/more-images/Group)
\r\n {lang == \"ar\" ? res?.DescriptionAr : res?.DescriptionEn}
\r\n\r\n{trans(\"info:order-number\")}: {res?.ReceptionID}
\r\n\r\n {\r\n{trans(\"info:booking-date\")}: {formatDateTime(res.Orderdate, res.Ordertime)}
\r\n\r\n }\r\n\r\n\r\n\r\n \r\n {res?.price &&
\r\n {res?.Description}
\r\n\r\n{trans(\"info:order-number\")}: {res?.OrderID}
\r\n\r\n {\r\n{trans(\"info:maintenance-date\")}: {formatDateTime(res?.CompleteDate, null)}
\r\n\r\n }\r\n\r\n\r\n\r\n \r\n {res?.Price &&
\r\n {lang == \"ar\" ? res?.DescriptionAr : res?.DescriptionEn}
\r\n\r\n{trans(\"info:order-number\")}: {res?.ReceptionID}
\r\n\r\n {\r\n{trans(\"info:booking-date\")}: {formatDateTime(res.Orderdate, res.Ordertime)}
\r\n\r\n }\r\n\r\n\r\n\r\n \r\n {res?.price &&
\r\n {res?.Description}
\r\n\r\n{trans(\"info:order-number\")}: {res?.OrderID}
\r\n\r\n {\r\n{trans(\"info:maintenance-date\")}: {formatDateTime(res?.CompleteDate, null)}
\r\n\r\n }\r\n\r\n\r\n\r\n \r\n {res?.Price &&
\r\n ![](\"/assets/icons/back.svg\"){kind=icon}
\r\n {trans(\"ownOrder:back\")}\r\n \r\n