\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/eye-solid.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 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/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 \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 {terms}\r\n
\r\n\r\n \r\n {additional}\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 \r\n {Description}
\r\n{subtitel}
\r\n{subtitle}
\r\n{subtitle}
\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{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\"){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\"){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 // {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{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{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 ![](\"/assets/images/finalized.svg\")
\r\n ![](\"/assets/icons/copy.svg\"){kind=icon}
\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