\n
\n \n
\n \n
\n \n
\n \n \n
\n hideShowDiv()}>
\n \n
\n \n - \n {data.shop_email !== \"\" &&\n
-
{data.shop_email}
\n }\n {data.shop_phone !== \"\" &&\n -
{data.shop_phone}
\n }\n
\n
\n\n\n\n \n \n
\n \n \n \n\n \n \n \n \n
\n\n\n \n
\n \n \n
\n \n \n
\n \n\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n 
\n
\n \n
\n \n
\n \n {slider.length > 0 && \n
\n - \n {slider.map((slide,index)=>{\n if(index == 0){\n return ()\n }\n else{\n arrayIncremnt += 1;\n return ()\n }\n })}\n
\n\n \n \n Previous\n \n \n \n Next\n \n\n \n {slider.map((slide,index)=>{\n if(index === 0){\n return (\n
\n \n \n \n \n \n
\n )\n }\n else{\n return (\n \n \n \n \n
\n )\n }\n \n })}\n \n \n \n \n \n \n
\n \n innerData.push(brandsData) \n \n if((i+1) === 6){\n allData.push(sliderWarapperActive(innerData))\n innerData = []\n }\n else if(i !== 6 && (i+1) % 6 === 0){\n allData.push(sliderWarapperUnActive(innerData))\n innerData = []\n }\n else if(i === (brands.length - 1)){\n if(i <= 5){\n allData.push(sliderWarapperActive(innerData))\n }\n else{\n allData.push(sliderWarapperUnActive(innerData))\n }\n }\n }\n \n return allData\n }\n const sliderWarapperActive = (data)=>{\n return (\n \n
\n )\n }\n const sliderWarapperUnActive = (data)=>{\n return (\n \n
\n \n {data}\n
\n \n
\n )\n }\n\n return (\n \n
\n \n {data}\n
\n \n
\n }\n \n
\n \n
\n {brands.length > 0 && \n \n \n
\n - \n {brands.map((product,index)=>{\n if(index == 0){\n return ()\n }\n else if(index % 6 == 0){\n arrayIncremnt += 1;\n return ()\n }\n })}\n
\n {setSliderData()}\n
\n }\n \n \n {products[i].product_price}
\n }\n var image\n if(products[i].productImages.length > 0){\n image = \n
\n innerData.push(productData) \n \n if((i+1) === 4){\n allData.push(sliderWarapperActive(innerData))\n innerData = []\n }\n else if(i !== 4 && (i+1) % 4 === 0){\n allData.push(sliderWarapperUnActive(innerData))\n innerData = []\n }\n else if(i === (products.length - 1)){\n if(i <= 3){\n allData.push(sliderWarapperActive(innerData))\n }\n else{\n allData.push(sliderWarapperUnActive(innerData))\n }\n }\n }\n \n return allData\n }\n const sliderWarapperActive = (data)=>{\n return (\n \n \n {image}\n \n \n \n {/* -49% */}\n
\n - \n {products[i].productAttributes.length === 0 &&
- \n AddNewItemToCart(cProduct)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {products[i].productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(cProduct)} className=\"btn like-btn\"> \n
\n
\n {products[i].product_title}
\n {price}\n\n
\n )\n }\n const sliderWarapperUnActive = (data)=>{\n return (\n \n
\n \n {data}\n
\n \n
\n )\n }\n \n return (\n \n \n
\n \n {data}\n
\n \n
\n }\n \n
\n \n
\n {products.length > 0 && \n \n \n
\n - \n {products.map((product,index)=>{\n if(index == 0){\n return ()\n }\n else if(index % 4 == 0){\n arrayIncremnt += 1;\n return ()\n }\n })}\n
\n {setSliderData()}\n
\n }\n \n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n {props.data.content.title}
\n \n\n
\n \n
\n \n {\n products.map((product,index)=>{\n var price\n var image\n if(product.product_discount_price){\n price = \n \n }\n else{\n image = ![\"\"](\"http://placehold.it/360x240\")
\n }\n return (\n
\n {/* \n {product.product_price}
\n }\n else{\n price = \n \n {product.product_price}
\n }\n if(product.productImages.length > 0){\n image = \n
\n ) \n })\n }\n \n \n {/* {product.productImages.length > 0 && } \n {product.productImages.length === 0 && } */}\n {image}\n \n \n \n
\n - \n {product.productAttributes.length === 0 &&
- \n AddNewItemToCart(product)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {product.productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(product)} className=\"btn like-btn\"> \n
\n
\n {product.product_title}
\n {price}\n\n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n استعراض المزيد\n
*/}\n \n {products[i].product_price}
\n }\n else{\n price = \n \n {products[i].product_price}
\n }\n if(products[i].productImages.length > 0){\n image = \n
\n allData.push(singleProduct)\n //blockContainer.push(singleProduct)\n }\n else\n {\n innerContainer++\n var price\n var image\n if(products[i].product_discount_price){\n price = \n \n \n {image}\n \n \n \n
\n - \n {products[i].productAttributes.length === 0 &&
- \n AddNewItemToCart(cProduct)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {products[i].productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(cProduct)} className=\"btn like-btn\"> \n
\n
\n {products[i].product_title}
\n {price}\n\n {products[i].product_price}
\n }\n else{\n price = \n \n {products[i].product_price}
\n }\n if(products[i].productImages.length > 0){\n image = \n \n {image}\n \n \n \n
\n rowData.push(singleProduct) \n if(( innerContainer % 2 === 0) || (i+1) === products.length)\n {\n var container = - \n {products[i].productAttributes.length === 0 &&
- \n AddNewItemToCart(cProduct)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {products[i].productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(cProduct)} className=\"btn like-btn\"> \n
\n
\n {products[i].product_title}
\n {price}\n{rowData}
\n allData.push(container)\n rowData = []\n } \n\n // if((i+1) === products.length || i % 4 === 0){\n // //allData.push({blockContainer}
)\n // allData.push(blockContainer)\n // blockContainer = []\n // }\n \n \n }\n }\n \n return allData\n }\n\n \n const doubleProduct = (data)=>{\n\n }\n\n return(\n \n
\n \n
\n \n
\n\n \n
\n \n
\n {props.data.content.title}
\n \n\n
\n \n {productsData()}\n
\n \n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n {products[i].product_price}
\n }\n var image\n if(products[i].productImages.length > 0){\n image = \n
\n innerData.push(productData) \n \n if((i+1) === 4){\n allData.push(sliderWarapperActive(innerData))\n innerData = []\n }\n else if(i !== 4 && (i+1) % 4 === 0){\n allData.push(sliderWarapperUnActive(innerData))\n innerData = []\n }\n else if(i === (products.length - 1)){\n if(i <= 3){\n allData.push(sliderWarapperActive(innerData))\n }\n else{\n allData.push(sliderWarapperUnActive(innerData))\n }\n }\n }\n \n return allData\n }\n const sliderWarapperActive = (data)=>{\n return (\n \n \n {image}\n \n \n \n {/* -49% */}\n
\n - \n {products[i].productAttributes.length === 0 &&
- \n AddNewItemToCart(cProduct)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {products[i].productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(cProduct)} className=\"btn like-btn\"> \n
\n
\n {products[i].product_title}
\n {price}\n\n
\n )\n }\n const sliderWarapperUnActive = (data)=>{\n return (\n \n
\n \n {data}\n
\n \n
\n )\n }\n \n return (\n \n \n
\n \n {data}\n
\n \n
\n }\n \n
\n \n
\n\n {products.length > 0 && \n \n \n
\n - \n {products.map((product,index)=>{\n if(index == 0){\n return ()\n }\n else if(index % 4 == 0){\n arrayIncremnt += 1;\n return ()\n }\n })}\n
\n {setSliderData()}\n
\n }\n\n \n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {props.data.content.title}
\n \n\n
\n \n
\n \n {\n products.map((product,index)=>{\n var price\n var image\n if(product.product_discount_price){\n price = \n \n }\n else{\n image = \n }\n return (\n
\n {/* \n {product.product_price}
\n }\n else{\n price = \n \n {product.product_price}
\n }\n if(product.productImages.length > 0){\n image = \n
\n ) \n })\n }\n \n \n {/* {product.productImages.length > 0 && } \n {product.productImages.length === 0 && } */}\n {image}\n \n \n \n
\n - \n {product.productAttributes.length === 0 &&
- \n AddNewItemToCart(product)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {product.productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(product)} className=\"btn like-btn\"> \n
\n
\n {product.product_title}
\n {price}\n\n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n استعراض المزيد\n
*/}\n \n {products[i].product_price}
\n }\n else{\n price = \n \n {products[i].product_price}
\n }\n if(products[i].productImages.length > 0){\n image = \n
\n allData.push(singleProduct)\n //blockContainer.push(singleProduct)\n }\n else\n {\n innerContainer++\n var price\n var image\n if(products[i].product_discount_price){\n price = \n \n \n {image}\n \n \n \n
\n - \n {products[i].productAttributes.length === 0 &&
- \n AddNewItemToCart(cProduct)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {products[i].productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(cProduct)} className=\"btn like-btn\"> \n
\n
\n {products[i].product_title}
\n {price}\n\n {products[i].product_price}
\n }\n else{\n price = \n \n {products[i].product_price}
\n }\n if(products[i].productImages.length > 0){\n image = \n \n {image}\n \n \n \n
\n rowData.push(singleProduct) \n if(( innerContainer % 2 === 0) || (i+1) === products.length)\n {\n var container = - \n {products[i].productAttributes.length === 0 &&
- \n AddNewItemToCart(cProduct)} \n className=\"btn btn--rounded btn-outline-light btn-sm\">أضف للسلة }\n {products[i].productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddNewFavItem(cProduct)} className=\"btn like-btn\"> \n
\n
\n {products[i].product_title}
\n {price}\n{rowData}
\n allData.push(container)\n rowData = []\n } \n\n // if((i+1) === products.length || i % 4 === 0){\n // //allData.push({blockContainer}
)\n // allData.push(blockContainer)\n // blockContainer = []\n // }\n \n \n }\n }\n \n return allData\n }\n\n \n const doubleProduct = (data)=>{\n\n }\n\n return(\n \n
\n \n
\n \n
\n\n \n
\n \n
\n {props.data.content.title}
\n \n\n
\n \n {productsData()}\n
\n \n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n
\n \n
\n \n
\n \n
\n {category.category_title}
\n \n\n
\n \n
\n \n
\n \n {/*
\n \n
*/}\n \n
\n \n \n
\n \n
\n {/* \n
\n \n
\n الأقسام
\n\n
\n \n
\n - \n\n {categories.map((category,i)=>{\n let catData = []\n \n if(category.children.length > 0 && category.children){\n category.children.map((catD,catDIndex)=>{\n catData.push(\n
- \n {catD.category_title}\n \n )\n })\n }\n return (\n
- \n {category.category_title}\n {category.children.length > 0 && category.children !== undefined &&\n \n }\n {category.children.length > 0 && category.children !== undefined && }\n \n )\n })}\n\n
\n
*/}\n \n
\n \n
\n تصفية حسب السعر
\n\n
\n \n
\n \n\n\n \n setValue(e.target.value)}\n onAfterChange={e => setFinalValue(e.target.value)}\n />\n
\n أعلى سعر: {finalValue}
\n \n\n \n \n \n \n
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n ترتيب حسب: \n
\n {/* \n
\n \n \n
\n \n
*/}\n عرض 1 - 9 نتائج
\n\n
\n \n {\n productsCategory.map((product,index)=>{\n return (\n
\n \n \n
\n )\n })\n }\n \n \n \n \n {product.productImages.length > 0 && } \n {product.productImages.length === 0 && }\n {/* */}\n \n \n \n {/* -49% */}\n
\n - \n {product.productAttributes.length === 0 && \n
- AddCartItem(product,()=>{\n setFixedShow(true)\n history.push('/categories/'+currentCategoryId)\n })} className=\"btn btn--rounded btn-outline-light\">أضف للسلة \n }\n\n {product.productAttributes.length > 0 &&
- تفاصيل المنتج }\n \n
- AddFavoritItem(product,()=>{history.push('/categories/'+currentCategoryId)})} className=\"btn like-btn\"> \n
\n
\n {product.product_title}
\n\n {product.product_discount_price &&\n \n {product.product_price} \n }\n {product.product_discount_price === undefined &&\n {product.product_price}
\n \n
\n \n \n
\n \n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n \n
\n }\n \n
\n \n
\n \n \n
\n \n لاتوجد منتجات متاحة في هذا القسم
\n الاسم يجب الا يقل عن 3 أحرف
)\n }\n else if(commentText.length < 4){\n setCommentMessage( التعليق يجب الا يقل عن 4 أحرف
)\n }\n else if(!(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(commentEmail))){\n setCommentMessage( يرجي اضافة بريد الكتروني صحيح
)\n }\n else{\n addSingleProductComment(productId,{name:commentName,email:commentEmail,ratting:commentRatting,comment:commentText}).then((data)=>{\n setCommentMessage( شكراً لك، تم ارسال التعليق بنجاح
)\n setCommentName(\"\")\n setCommentEmail(\"\")\n setCommentText(\"\")\n })\n }\n \n }\n\n return (\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n {\n currentProduct.productImages.map((image,index)=>{\n return (\n \n \n \n )\n })\n }\n \n }\n {!currentProduct.productImages &&\n \n }\n\n\n
\n \n {currentProduct.productImages && \n
\n {currentProduct.productImages && \n \n
\n }\n \n \n {\n currentProduct.productImages.map((image,index)=>{\n return (\n
\n \n \n
\n )\n })\n }\n \n \n
\n \n \n {currentProduct.product_price} \n }\n {currentProduct.product_discount_price === undefined &&\n {productPrice}
\n {currentProduct.product_title}
\n {/* ${currentProduct.product_price} */}\n {currentProduct.product_discount_price &&\n\n {\n productRatting.rate === 0 &&\n
\n \n \n \n \n \n \n
\n }\n {\n productRatting.rate === 1 &&\n\n \n \n \n \n \n
\n }\n {\n productRatting.rate === 2 &&\n\n \n \n \n \n \n
\n }\n {\n productRatting.rate === 3 &&\n\n \n \n \n \n \n
\n }\n {\n productRatting.rate === 4 &&\n\n \n \n \n \n \n
\n }\n {\n productRatting.rate === 5 &&\n\n \n \n \n \n \n
\n }\n ({productRatting.count} تعليقات)\n{currentProduct.product_short_description}
\n\n\n {\n currentProduct.productAttributes && currentProduct.productAttributes.length > 0 && \n currentProduct.productAttributes.map((attribute,index)=>{\n var selectedContainerStyle = {}\n if(attribute.chooise === false){\n selectedContainerStyle = {borderColor:\"#f00\",borderWidth:'2px',borderStyle:'solid',backgroundColor:'#fff'}\n }\n return (\n \n \n \n \n {/* \n )\n })\n }\n \n
\n {attribute.attribute_name}
\n\n
\n \n }\n {attribute.attribute_type === \"Text\" && \n - \n\n {\n attribute.attributeValues.map((at,ind)=>{\n \n if(at.attribute_value_quantity === 0)\n return\n\n var selectedStyle = {}\n if(at.select === true){\n selectedStyle = {borderColor:\"#000\"}\n }\n \n return (
- {attributeClick(attribute,at)}} className=\"col-lg-3 col-md-2 col-sm-6\">
\n
\n }\n {attribute.attribute_type === \"Color\" &&\n - \n {\n attribute.attributeValues.map((at,ind)=>{\n if(at.attribute_value_quantity === 0)\n return\n var selectedStyle = {}\n if(at.select === true){\n selectedStyle = {borderColor:\"#000\"}\n }\n return (
- {attributeClick(attribute,at)}} className=\"col-lg-3 col-md-2 col-sm-6\">{at.attribute_value_name} )\n })\n }\n
\n
\n }\n \n - \n {\n attribute.attributeValues.map((at,ind)=>{\n\n if(at.attribute_value_quantity === 0)\n return\n\n var selectedStyle = {}\n if(at.select === true){\n selectedStyle = {borderColor:\"#000\"}\n }\n return (
- {attributeClick(attribute,at)}} className=\"col-lg-2 col-md-2 col-sm-6\">
\n {/*
\n \n \n -\n \n +\n
*/}\n - \n
- AddItemToCard()} className={Addcustomcss1}>أضف لسلة المشتريات \n {/*
- AddFavoritItem(currentProduct,()=>{history.push('/product/'+currentProduct._id)})} className=\"btn like-btn btn-grey\"> */}\n
- AddItemToFavorit()} className={Addcustomcss3}> \n
\n القسم: \n
\n {category.category_title}
\n\n مشاركة: \n
\n \n
\n \n
\n - \n \n\n
\n \n
\n\n \n \n {count => count}\n \n
\n \n \n
\n\n \n \n
\n\n \n \n
\n\n \n \n
\n\n \n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n - \n
- \n تفاصيل\n \n {/*
- \n Additional information\n */}\n
- \n تعليقات ({productRatting.count})\n \n
\n
\n \n
\n \n
\n \n
\n {/* تفاصيل
\n{ReactHtmlParser(currentProduct.product_long_description)}
\n\n
*/}\n Additional Information
\nInvestiga tiones demonstr averunt lectores legere me lius quod ii qua legunt saepius.\n Claritas est etiam pro cessus dynamicus, qui sequitur mutaety tionem consu etudium. Investig\n ationes demons trave runt lectores legere liusry awquod he legunt saepius clary tyitas\n Investig atesw.\n Curabitur vel sagittis lectus. Donec vitae efficitur ante. Nam mollis ligula tortor.\n Interdum et malesuada fames.
\n- \n
- Professional - Delivers solutions that help drive \n
- Business - Human capital research analytics \n
- Services - Complex problems bringing an approach \n
\n
\n تعليقات
\n\n
\n \n
\n \n {\n productComments.map((comment,index)=>{\n return (\n
\n \n
\n )\n })\n }\n \n
\n \n
\n - \n
- \n الإسم: \n {comment.name}\n \n
- \n التاريخ: \n {new Date(comment.createdAt).toLocaleDateString([],{ year: 'numeric', month: 'long', day: 'numeric' })}\n \n
- \n التقييم: \n {\n comment.ratting === 0 &&\n \n \n \n \n \n \n \n }\n {\n comment.ratting === 1 &&\n \n \n \n \n \n \n \n }\n {\n comment.ratting === 2 &&\n \n \n \n \n \n \n \n }\n {\n comment.ratting === 3 &&\n \n \n \n \n \n \n \n }\n {\n comment.ratting === 4 &&\n \n \n \n \n \n \n \n }\n {\n comment.ratting === 5 &&\n \n \n \n \n \n \n \n }\n \n \n
\n
\n {comment.comment}
\n\n\n {commentMessage}\n \n
\n تعليقك على:
\n{currentProduct.product_title}
\n\n \n
\n \n
\n \n
\n \n تقييمك: \n
\n \n \n
\n \n setCommentName(e.target.value)} className=\"form-control\" />\n
\n \n setCommentEmail(e.target.value)} className=\"form-control\" />\n
\n \n \n \n
\n \n
\n \n
\n منتجات ذات صلة
\n\n
\n \n \n {\n relatedProducts.map((product,index)=>{\n return (\n
\n \n \n
\n \n )\n })\n } \n \n \n {product.productImages.length > 0 && } \n {product.productImages.length === 0 && }\n {/* */}\n \n \n \n {/* -49% */}\n
\n - \n {product.productAttributes.length === 0 && \n
- AddCartItem(product,()=>{\n setFixedShow(true)\n history.push('/product/'+productId)\n })} className=\"btn btn--rounded btn-outline-light\">أضف للسلة \n }\n\n {product.productAttributes.length > 0 &&
- تفاصيل المنتج }\n\n
- AddFavoritItem(product,()=>{history.push('/product/'+productId)})} className={Addcustomcss3}> \n
\n
\n {product.product_title}
\n\n {product.product_discount_price &&\n \n {product.product_price} \n }\n {product.product_discount_price === undefined &&\n {product.product_price}
\n \n setFixedShow(false)} show={fixedShow} delay={3000} autohide>\n تم اضافته للسلة بنجاح! \n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n تسجيل الدخول
\n \nأقل قيمة مشتريات لهذا الكوبون = {data.coupon_min_amount}
) \n }\n else{\n if(data.coupon_type === 'Fixed' && CardTotal() < data.coupon_type_value){\n data.coupon_type_value = CardTotal()\n }\n if(data.coupon_type === 'Fixed'){\n //setShow(true)\n const discount = data.coupon_type_value;\n //setToastMessage('مجموع السلة بعد الخصم = ' + discount)\n data.discountValue = discount\n //setActiveCoupon(data)\n AddDiscount(data,()=>{history.push('/viewcart')})\n }\n\n else if(data.coupon_type === 'Percent'){\n //setShow(true)\n const discount = ((CardTotal() * data.coupon_type_value ) / 100)\n //setToastMessage('مجموع السلة بعد الخصم = ' + discount)\n data.discountValue = discount\n //setActiveCoupon(data)\n AddDiscount(data,()=>{history.push('/viewcart')})\n }\n }\n }\n })\n }\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n سلة المشتريات
\n \n\n
\n \n
\n \n
\n \n \n \n
\n setShow(false)} show={show} delay={3000} autohide>\n {toastMessage} \n \n
\n | المنتج | \nالكمية | \nالسعر | \nالإجمالي | \nحذف | \n
|---|---|---|---|---|
| \n \n {cartItems.productImages.length > 0 &&\n \n | \n \n \n \n \n AddLessItems(index,()=>{history.push('/viewcart')})} className=\"minus pcount m-left-10\" style={{cursor:'pointer'}}>\n {cartItems.q}\n AddMoreItemsCheck(index)} className=\"plus pcount m-right-10\" style={{cursor:'pointer'}}>\n \n | \n \n \n {cartItems.product_price} \n | \n \n \n {(cartItems.product_price * cartItems.q).toFixed(2)} \n | \n \n RemoveCardItem(index)} className=\"text-center\" style={{cursor:'pointer'}}>X \n | \n
| \n \n set_coupon(e.target.value)} type=\"text\" className=\"form-control mb-3\" placeholder=\"كود الخصم\" />\n \n \n | \n \n \n الإجمالي: {CardTotal().toFixed(2)} \n | \n
\n
\n \n عودة لاكمال التسوق\n
\n \n تنفيذ الطلب\n
\n No Items Found
\n }\n {CartItems().length === 0 &&\n No Items Found
\n }\n \n \n
\n \n
\n \n
\n \n
\n تنفيذ الطلب
\n \n\n
\n \n\n
\n \n \n لديك عضوية؟ [ إضغط هنا للدخول ] او [ اضغط هنا للتسجيل ] \n \n
\n \n
\n \n
\n \n\n \n \n مرحباً {isAuthenticated().customer.name}\n \n {\n checkoutMessage && \n \n {checkoutMessage}\n \n }\n
\n يمكنك تحديث معلومات عنوان الشحن والتوصيل من صفحة حسابك أو من البيانات أدناه إن رغبت.
\n \n
\n\n \n
\n \n عفواً, لا تتوفر خدمة الشحن للمدينة المختارة \n } \n {requireShipping === true && storeShipping.length > 0 &&\n
\n الشحن والتوصيل
\n\n\n \n {\n requireShipping === true && storeShipping.length === 0 &&\n \n
\n } \n \n \n \n\n\n\n\n اختر طريقة الشحن
\n\n \n \n
\n
\n | طريقة الشحن | \n\n | زمن التوصيل (يوم) | \nرسوم الشحن | \n
|---|---|---|---|
| \n \n {ship.shipping_logo !== \"\" && | \n \n \n \n \n \n \n \n \n | \n {ship.children.shipping_time} | \n{ship.children.shipping_price} | \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 ![\"\"](\"img/thumb1.jpg\") */}\n {cartItems.product_title}\n | \n \n \n \n \n {cartItems.q}\n \n | \n \n \n {cartItems.product_price} \n | \n \n
| \n {/* \n الشحن: $50.00\n \n \n \n القيمة المضافة: $7.00\n */}\n \n \n الإجمالي: {(CardTotal() + shippingValue).toFixed(2)} \n | \n
\n \n
\n\n\n\n\n \n \n {/* */}\n\n \n confirmCheck()} label=\"إقرار العميل\" required/>\n \n\n\n\n \n
\n 1- بعد شحن الطلب يتولى العميل متابعة الطلب مع شركة الشحن لضمان استلامها في الوقت المحدد.
\n 2- بالنقر على زر ( تنفيذ الطلب ) أدناه، فأنت تؤكد أنك قرأت وقبلت ووافقت على سياسة الاستبدال والارجاع والإلغاء.
\n \n \n setShow(false)} show={show} delay={3000} autohide>\n {checkoutMessage} \n \n
\n\n\n\n \n\n \n
\n\n \n\n \n عودة لسلة المشتريات\n {/* */}\n
\n \n {checkProductsQuantity === true && }\n \n \n \n
\n \n
\n \n
\n \n
\n تنفيذ الطلب
\n \n\n
\n \n\n\n
\n\n \n
\n\n\n\n\n\n\n \n\n \n\n \n شكراً لك!
\nتم تقديم طلبك وستتم معالجته في أقرب وقت ممكن. ستتلقى رسالة بريد إلكتروني بعد قليل بتأكيد طلبك.
\n \n\n عودة لاكمال التسوق\n\n
\n \n
\n \n
\n \n
\n حسابي
\n \n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n القائمة
\n\n
\n \n
\n \n
\n صفحة حسابي
\n تعديل بياناتي
\n قائمة طلباتي
\n قائمة أمنياتي
\n تعديل عنواني
\n كلمة المرور
\n signout(()=>{history.push('/')})} style={{cursor:'pointer'}}>تسجيل الخروج
\n \n \n \n \n
\n\n \n\n\n \n
\n \n \n \n \n \n \n \n {customerInfo.name} \n \n \n تعديل بياناتي\n \n \n \n
\n \n \n \n عنوان الشحن \n {customerInfo.name} \n \n \n تعديل عنواني\n \n \n \n \n \n
\n \n {customerInfo.address}
\n\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n قائمة طلباتي
\n\n
\n \n
\n \n {\n orderData.length === 0 && \n \n
\n \n } \n \n
\n لا يوجد طلبات
\n }\n {\n orderData.length > 0 && \n | # | \nرقم الطلب | \nتاريخ الطلب | \nحالة الطلب | \nاجمالي الطلب | \n
|---|---|---|---|---|
| {index+1} | \n{\"order_number\" in order && order.order_number}# | \n{new Date(order.createdAt).toLocaleDateString([],{ year: 'numeric', month: 'long', day: 'numeric' })} | \n\n {order.order_status === \"OnProgress\" && | \n {order.totalcost} | \n
\n
\n \n
\n \n
\n \n
\n حسابي
\n \n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n القائمة
\n\n
\n \n
\n \n
\n صفحة حسابي
\n تعديل بياناتي
\n قائمة طلباتي
\n قائمة أمنياتي
\n تعديل عنواني
\n كلمة المرور
\n signout(()=>{history.push('/')})} style={{cursor:'pointer'}}>تسجيل الخروج
\n \n \n \n \n
\n\n \n\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n تعديل بياناتي
\n\n
\n \n \n \n \n
\n \n الإسم \n changeName(e.target.value)} type=\"text\" placeholder=\"الإسم\" className=\"form-control\" required/>\n
\n \n الجوال \n changePhone(e.target.value)} type=\"text\" placeholder=\"الجوال\" className=\"form-control\" required/>\n
\n \n \n\n setShow(false)} show={show} delay={3000} autohide>\n تم حفظ التعديلات بنجاح! \n \n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n حسابي
\n \n\n
\n\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n القائمة
\n\n
\n \n
\n \n
\n صفحة حسابي
\n تعديل بياناتي
\n قائمة طلباتي
\n قائمة أمنياتي
\n تعديل عنواني
\n كلمة المرور
\n signout(()=>{history.push('/')})} style={{cursor:'pointer'}}>تسجيل الخروج
\n \n \n \n \n \n
\n\n \n
\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n قائمة طلباتي
\n\n
\n \n
\n \n {\n orderData.length === 0 && \n \n
\n \n } \n \n
\n لا يوجد طلبات
\n }\n {\n orderData.length > 0 && \n | # | \nرقم الطلب | \nتاريخ الطلب | \nحالة الطلب | \nاجمالي الطلب | \nالخصم | \n
|---|---|---|---|---|---|
| {index+1} | \n{\"order_number\" in order && order.order_number}# | \n{new Date(order.createdAt).toLocaleDateString([],{ year: 'numeric', month: 'long', day: 'numeric' })} | \n\n {order.order_status === \"OnProgress\" && | \n {order.totalcost} | \n {discount} | \n
\n
\n \n
\n \n
\n \n
\n حسابي
\n \n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n القائمة
\n\n
\n \n
\n \n
\n صفحة حسابي
\n تعديل بياناتي
\n قائمة طلباتي
\n قائمة أمنياتي
\n تعديل عنواني
\n كلمة المرور
\n signout(()=>{history.push('/')})} style={{cursor:'pointer'}}>تسجيل الخروج
\n \n \n \n \n \n
\n\n \n\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n تعديل عنواني
\n\n
\n \n
\n \n الدولة \n
\n \n \n
\n \n المدينة \n
\n \n \n
\n \n العنوان \n setCustomerAddress(e.target.value)} value={customerAddress} type=\"text\" placeholder=\" العنوان\" className=\"form-control\" required/>\n
\n \n\n setShow(false)} show={show} delay={3000} autohide>\n تم حفظ التعديلات بنجاح! \n \n\n \n
\n عفواً، كلمة المرور غير متطابقة في حقل التأكيد
)\n\n } else if(password.length < 8){\n set_passwordMessage(عفوأ، كلمة المرور فارغة أو أقل من 8 خانات
)\n }\n \n }\n\n \n useEffect(()=>{\n if(isAuthenticated() === false)\n history.push('/')\n },[])\n \n\n return (\n \n
\n \n
\n \n
\n \n
\n حسابي
\n \n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n القائمة
\n\n
\n \n
\n \n
\n صفحة حسابي
\n تعديل بياناتي
\n قائمة طلباتي
\n قائمة أمنياتي
\n تعديل عنواني
\n كلمة المرور
\n signout(()=>{history.push('/')})} style={{cursor:'pointer'}}>تسجيل الخروج
\n \n \n \n \n \n
\n\n \n\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n تعديل كلمة المرور
\n\n
\n \n \n {passwordMessage}\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n {pageData.page_title}
\n \n\n
\n \n
\n \n {ReactHtmlParser(pageData.page_content)}\n
\n \n
\n \n
\n \n
\n \n
\n حسابي
\n \n\n
\n\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n القائمة
\n\n
\n \n
\n \n
\n صفحة حسابي
\n تعديل بياناتي
\n قائمة طلباتي
\n قائمة أمنياتي
\n تعديل عنواني
\n كلمة المرور
\n signout(()=>{history.push('/')})} style={{cursor:'pointer'}}>تسجيل الخروج
\n \n \n \n \n \n
\n\n \n
\n\n\n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n قائمة أمنياتي
\n\n
\n \n
\n \n {\n FavoritItems() !== false &&\n \n \n
\n }\n {\n FavoritItems() === false && \n
\n | صورة | \nالمنتج | \nالسعر | \nحذف | \n
|---|---|---|---|
| {item.productImages.length > 0 && | \n {item.product_title} | \n{item.product_price} | \nRemoveFavoritItem(index,()=>{history.push('/wishlist')})}>X | \n
لا يوجد منتجات في القائمة
\n }\n \n تم اختيار الصورة
)\n};\n\nconst onDrop2 = picture => {\n \n setPictures(picture);\n setImageMessage2(تم اختيار الصورة
)\n};\nconst [finishOrder,setFinishOrder] = useState(\"\")\n\n//visi fields\nconst [v_name,set_v_name] = useState('')\nconst [v_card,set_v_card] = useState('')\nconst [v_month,set_v_month]= useState('')\nconst [v_year,set_v_year] = useState('')\nconst [v_cvc,set_v_cvc] = useState('')\nconst [orderButtonStatus,set_orderButtonStatus] = useState(false)\nconst RequestProcess = ()=>{\n \n // else if(CardTotal() > 0 && JSON.stringify(selectedPayment)==JSON.stringify({})){ // check payment\n // setCheckoutMessage(\" يرجي اختيار طريقة الدفع \")\n // }\n setCheckoutMessage(\"\")\n if(JSON.stringify(selectedPayment)==JSON.stringify({})){\n setCheckoutMessage(\" يرجي اختيار طريقة الدفع \")\n }\n else{\n if(selectedPayment.payment_type === \"Bank\" && pictures.length === 0){\n setCheckoutMessage(\" يرجي رفع صورة من الحواله الخاصة بالطلب \")\n }\n else if(selectedPayment.payment_type === \"StcPay\" && pictures.length === 0){\n setCheckoutMessage(\" يرجي رفع صورة من الحواله الخاصة بالطلب \")\n }\n else if(pictures.length > 0 && (selectedPayment.payment_type === \"Bank\" || selectedPayment.payment_type === \"StcPay\")){\n set_orderButtonStatus(true)\n //Update the order \n updateOrder({\n id:orderId,\n payment_type:selectedPayment.payment_type,\n order_transfer:pictures[0]\n }).then((data)=>{\n loadOrderData()\n setFinishOrder(\n \n \n
)\n })\n }\n // else if(selectedPayment.payment_type === \"Telr\"){\n // //handleOpenModal()\n // }\n else if(selectedPayment.payment_type === 'Moyasar'){\n if(v_name.length === 0){\n setCheckoutMessage(\" يرجي اضافة اسم حامل البطاقة \")\n }\n else if(v_card.length < 14 || v_card.length > 16){\n setCheckoutMessage(\" خطا برقم البطاقة \")\n }\n else if(v_year.length !== 2){\n setCheckoutMessage(\" خطا في سنه الانتهاء \")\n }\n else if(v_month.length !== 2){\n setCheckoutMessage(\" خطا في شهر الانتهاء \")\n }\n else if(v_cvc.length !== 3){\n setCheckoutMessage(\" خطا في الرقم السري \")\n }\n else{\n set_orderButtonStatus(true)\n // \n // \n // \n // \n // \n var formdata = new FormData();\n formdata.append(\"callback_url\", \"https://\"+window.location.hostname+\"/payments_process\");\n formdata.append(\"publishable_api_key\", paymentMoyasar.payment_info.publishable);\n formdata.append(\"amount\",((orderData.totalcost - discount) * 100))\n formdata.append(\"source[type]\", \"creditcard\");\n formdata.append(\"description\",orderId)\n formdata.append(\"source[name]\", v_name);\n formdata.append(\"source[number]\", v_card);\n formdata.append(\"source[month]\", v_month);\n formdata.append(\"source[year]\", v_year);\n formdata.append(\"source[cvc]\",v_cvc);\n fetch('https://api.moyasar.com/v1/payments', {\n method: 'post',\n body: formdata//JSON.stringify(body),\n //headers: { 'Content-Type': 'application/json' },\n })\n .then((res)=>{\n if(res.status !== 201)\n return {error:1}\n else \n return res.json()\n })\n .then((json)=>{\n if('error' in json)\n setCheckoutMessage(\" خطا في عمليه الدفع يرجي المحاولة في وقت لاحق \")\n else{\n if('source' in json){\n if('transaction_url' in json.source){\n //window.location = json.source.transaction_url;\n updateOrder({\n id:orderId,\n payment_type:selectedPayment.payment_type,\n details:json.id\n }).then((data)=>{\n window.location = json.source.transaction_url\n })\n }\n else{\n setCheckoutMessage(\" خطا في عمليه الدفع يرجي المحاولة في وقت لاحق \")\n }\n }\n else{\n setCheckoutMessage(\" خطا في عمليه الدفع يرجي المحاولة في وقت لاحق \")\n }\n } \n });\n }\n }\n else if(selectedPayment.payment_type === \"CashOnDelivery\"){\n set_orderButtonStatus(true)\n updateOrder({\n id:orderId,\n payment_type:selectedPayment.payment_type,\n }).then((data)=>{\n loadOrderData()\n setFinishOrder(تم ارسال الطلب بنجاح
\n \n \n \n
)\n })\n }\n }\n //console.log(selectedPayment)\n setShow(true)\n}\nconst [telrOrder,setTelrOrder] = useState({})\nconst [showModal,setShowModal] = useState(false)\nconst handleOpenModal = ()=>{\n return;\n console.log(orderData)\n setShowModal(true)\n\n //Telr Order\n var formdata = new FormData();\n formdata.append(\"ivp_method\", \"create\");\n formdata.append(\"ivp_store\", selectedPayment.payment_info.store_id);\n formdata.append(\"ivp_authkey\", selectedPayment.payment_info.authentication_key);\n formdata.append(\"ivp_amount\", orderData.totalcost);\n formdata.append(\"ivp_currency\", \"SAR\");\n formdata.append(\"ivp_test\", \"1\");\n formdata.append(\"ivp_cart\", orderData._id);\n formdata.append(\"ivp_desc\", \"Buying Goods\");\n formdata.append(\"return_auth\", \"https://yksb.sa/auth1\");\n formdata.append(\"return_decl\", \"https://yksb.sa/auth2\");\n formdata.append(\"return_can\", \"https://yksb.sa/auth3\");\n formdata.append(\"bill_fname\", orderData.name);\n formdata.append(\"bill_sname\", orderData.name);\n formdata.append(\"bill_addr1\", orderData.address);\n formdata.append(\"bill_phone\", orderData.phone);\n formdata.append(\"bill_city\", \"raide\");\n formdata.append(\"bill_country\", \"SA\");\n formdata.append(\"bill_email\", orderData.email);\n formdata.append(\"ivp_lang\", \"ar\");\n formdata.append(\"ivp_framed\",1)\n\n var requestOptions = {\n method: 'POST',\n \n body: formdata,\n redirect: 'follow'\n };\n\n fetch(\"https://secure.telr.com/gateway/order.json\", requestOptions)\n .then((response)=>{\n //console.log(response.status,JSON.stringify(response.body))\n return response.json()\n /*\n order: {ref: \"0E89F7CA5C798CFDD2C903E53585A34DEBEC122A4CF1CCBCAF2B8BF6D36F1EF0\", url: \"https://secure.telr.com/gateway/process.html?o=0E8…DD2C903E53585A34DEBEC122A4CF1CCBCAF2B8BF6D36F1EF0\"}\ntrace: \"4001/27331/6053ef1a\"*/\n })\n .then((jsonResponse)=>{\n setTelrOrder(jsonResponse)\n console.log(jsonResponse) // here we can catch the response\n })\n .catch((error)=>{\n //console.log(error)\n })\n // .then(response => response.text())\n // .then(result => console.log(result))\n // .catch(error => console.log('error', error));\n}\nconst handleClose = ()=>{\n setShowModal(false)\n}\nreturn (\n تم ارسال الطلب بنجاح
\n \n
\n \n
\n \n
\n \n
\n الدفع
\n \n\n
\n
\n \n {\n checkoutMessage && \n \n {checkoutMessage}\n \n } \n
\n \n {/*
\n
\n
\n \n {\n orderData.order_status === \"WaitingPayment\" && \n ملخص الطلب
\n */}\n\n\n
\n \n
\n \n
\n ملخص الطلب
\n {finishOrder} \n\n \n\n
\n \n\n\n\n \n \n \n
\n\n\n \n \n \n
\n
\n\n | عنوان الشحن | \n|
|---|---|
| الاسم | \n{orderData.name} | \n
| الدولة | \n{country} | \n
| المدينة | \n{city} | \n
| العنوان | \n{orderData.address} | \n
| الجوال | \n{orderData.phone} | \n
| تفاصيل الطلب | \n|
| حالة الطلب | \n\n {orderData.order_status === \"OnProgress\" && | \n
| شركة الشحن | \n{orderShipping.shipping_compnay} | \n
| تكلفة الشحن | \n{orderShipping.shipping_price} | \n
| صورة المنتج | \nالمنتج | \nالمواصفات | \nالكمية | \nالسعر | \n
|---|---|---|---|---|
| \n \n {\n items.cartproduct[0].productImages.length > 0 && \n | \n \n \n \n {items.cartproduct[0].product_title}\n \n | \n\n \n \n \n {items.product_attribute_fiels.length === 0 && لا يوجد}\n {\n items.product_attribute_fiels && \n items.product_attribute_fiels.map((att,index)=>{\n if(att.attribute_type === \"Image\"){\n return \n {att.attribute_value} \n }\n else if(att.attribute_type === \"Color\"){\n return | \n \n \n \n \n {items.product_quantity}\n \n | \n \n \n {(items.product_price * items.product_quantity).toFixed(2)} \n | \n \n
| \n {/* \n الشحن: $50.00\n \n \n \n القيمة المضافة: $7.00\n */}\n {discount > 0 && \n الخصم لاستخدام كوبون: {discount} } \n \n الإجمالي: {orderData.totalcost - discount} \n | \n
\n \n\n
\n
\n
\n
\n وسائل الدفع
\n\n {paymentBanks.length > 0 &&
حوالة بنكية
}\n\n\n {\n paymentBanks.length > 0 &&\n \n \n
\n }\n \n {paymentStcPay !== null && 
}\n {paymentStcPay !== null && \n \n {\n JSON.stringify(telrOrder) !== JSON.stringify({}) && !telrOrder.order.error && \n
| اختر | \nالبنك | \nالمعرف البديل | \nالاسم | \nرقم الحساب | \nرقم الايبان | \n \n
|---|---|---|---|---|---|
| setSelectedPayment(pay)} name=\"payments\"/> | \n{pay.payment_info.bank_title} | \n{pay.payment_info.bank_account_phone} | \n{pay.payment_info.bank_account_owner} | \n{pay.payment_info.bank_account_number} | \n{pay.payment_info.bank_account_ipan} | \n \n
| صورة ايصال الدفع | \n
\n \n \n
\n
\n }\n\n {paymentCashOnDelivery !== null && | اختر | \nكود التاجر | \nصورة ايصال الدفع | \n \n
|---|---|---|
| setSelectedPayment(paymentStcPay)} name=\"payments\" /> | \n
الدفع عند الاستلام
}\n {paymentCashOnDelivery !== null && \n\n \n \n
\n
\n }\n\n {/* //Visi */}\n {paymentMoyasar !== null && | اختر | \nطريقة الدفع | \n
|---|---|
| setSelectedPayment(paymentCashOnDelivery)} name=\"payments\"/> | \nالدفع عند الاستلام | \n
بطاقة بنكية
}\n {paymentMoyasar !== null &&\n\n 
\n {/* 
*/}\n \n \n \n \n
\n \n \n
\n }\n \n {/* //Visi End */}\n\n | اختر | \nطريقة الدفع | \n
|---|---|
| \n setSelectedPayment(paymentMoyasar)} name=\"payments\"/>\n | \nبطاقة بنكية | \n
| الإسم على البطاقة | \n\n set_v_name(e.target.value)} type=\"text\" name=\"source[name]\" className=\"form-control form-control\" />\n | \n
| رقم البطاقة | \n\n set_v_card(e.target.value)} name=\"source[number]\" className=\"form-control form-control\" />\n | \n
| تاريخ الإنتهاء | \n الشهر set_v_month(e.target.value)} name=\"source[month]\" className=\"form-control form-control mr-2\" placeholder=\"MM\" /> السنة set_v_year(e.target.value)} name=\"source[year]\" className=\"form-control form-control mr-2\" placeholder=\"YY\" /> | \n
| الرقم السري CVC | \n\n set_v_cvc(e.target.value)} name=\"source[cvc]\" placeholder=\"xxx\" className=\"form-control form-control\" />\n | \n