diff --git a/components/Yamaha/Product/Accessories_Detail.js b/components/Yamaha/Product/Accessories_Detail.js new file mode 100644 index 0000000..3651ee2 --- /dev/null +++ b/components/Yamaha/Product/Accessories_Detail.js @@ -0,0 +1,333 @@ +import React from 'react' + +//component +import PageBanner from '@/components/Common/PageBanner'; +import * as Icon from 'react-feather' +import { useSelector, useDispatch } from 'react-redux' +import { useRouter } from 'next/router' +import { useToasts } from 'react-toast-notifications' + +//addon library +import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs'; +resetIdCounter(); + +import dynamic from 'next/dynamic' +const OwlCarousel = dynamic(import('react-owl-carousel3')) + +//library yarn +import NumberFormat from 'react-number-format'; +import ReactHtmlParser from "react-html-parser"; + +//sweet alert +import swal from 'sweetalert'; + +const options = { + loop: true, + nav: true, + dots: false, + autoplay: true, + items: 1, + smartSpeed: 1000, + autoplayTimeout: 5000, + navText: [ + "", + "" + ], +}; + +const ProductDetails = function ({ detailaccessories, backend, user, ...props }) { + + const [formValue, setFormValue] = React.useState({ + product_img: "", + product_name: "", + product_color: "", + product_price: "", + }); + + const router = useRouter(); + + const MotorDetail = detailaccessories.map((data) => { + + return ( +
+ +
+
+
+
+ + + +
+ +
+
+

{data.name}

+

+ +

+ +
    +
    • +
    • +
    • +
    • +
    • +
+ +
+ Availability: {data.stock} +
+
{ + e.preventDefault(); + var newformValue = { + ...formValue, + product_name: detailproduct[0].name, + } + setFormValue(newformValue) + console.log(JSON.stringify(newformValue)); + const response = await fetch( + "/api/transaction/AddToCart", + { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(newformValue), + } + ); + if (response.ok) { + var res = await response.json(); + console.log("cek response :", res); + if (res["STATUS"] === 1) { + res["DATA"]["cart"]; + swal("Produk Berhasil Ditambah ke Keranjang", "Silahkan Cek Keranjang Belanja Anda", "success"); + router.push("/yamaha/Shop/Cart"); + } + else { + swal("Produk Gagal Ditambah ke Keranjang", "Silahkan Coba Lagi", "error"); + } + } else { + swal("Transaksi Gagal", "Silahkan Coba Lagi", "error"); + } + return false; + }} + + > + {/* + +
+ +
+
+ + +
+ +
+
*/} + + + + + + +
+ +
+ Metode Pembayaran : + +
+ image + image + image + image + image + image + image +
+
+ +
+ Share: + + +
+
+
+ +
+
+ + + Deskripsi + Info Penting + Review + + + +
+

{ReactHtmlParser(data.description)}

+
+ + + +
+

+

Informasi mengenai prosedur pengiriman, pembelian dan dokumen

+
    +
  • Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
    • +
  • Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
    • +
  • Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
    • +
  • Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
    • +
+ +

Harga

+
    +
  • Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
    • +
  • Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
    • +
  • Harga OTR sewaktu-waktu dapat berubah.
    • +
  • Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
    • +
  • Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
    • +
  • Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
    • +
+ +

Dokumen

+
    +
  • Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
    • +
  • Proses pembuatan BPKB adalah 3-4 bulan.
    • +
  • STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
    • +
  • Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
    • +
  • Buku servis diterima bersamaan dengan pengiriman sepeda motor.
    • +
+ +

*tidak termasuk Sabtu dan Minggu.

+

+
+ + + +
+

Customer Reviews

+

There are no reviews yet.

+ +
+

Rate this item:

+ +
+ + + + + + +

Very good product!

+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ + +
+
+
+
+
+
+ ); + }) + + return ( + <> + {MotorDetail} + + ) +} + +export default ProductDetails; \ No newline at end of file diff --git a/components/Yamaha/Product/Apparel_Detail.js b/components/Yamaha/Product/Apparel_Detail.js new file mode 100644 index 0000000..28d9351 --- /dev/null +++ b/components/Yamaha/Product/Apparel_Detail.js @@ -0,0 +1,333 @@ +import React from 'react' + +//component +import PageBanner from '@/components/Common/PageBanner'; +import * as Icon from 'react-feather' +import { useSelector, useDispatch } from 'react-redux' +import { useRouter } from 'next/router' +import { useToasts } from 'react-toast-notifications' + +//addon library +import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs'; +resetIdCounter(); + +import dynamic from 'next/dynamic' +const OwlCarousel = dynamic(import('react-owl-carousel3')) + +//library yarn +import NumberFormat from 'react-number-format'; +import ReactHtmlParser from "react-html-parser"; + +//sweet alert +import swal from 'sweetalert'; + +const options = { + loop: true, + nav: true, + dots: false, + autoplay: true, + items: 1, + smartSpeed: 1000, + autoplayTimeout: 5000, + navText: [ + "", + "" + ], +}; + +const ProductDetails = function ({ detailapparel, backend, user, ...props }) { + + const [formValue, setFormValue] = React.useState({ + product_img: "", + product_name: "", + product_color: "", + product_price: "", + }); + + const router = useRouter(); + + const MotorDetail = detailapparel.map((data) => { + + return ( +
+ +
+
+
+
+ + + +
+ +
+
+

{data.name}

+

+ +

+ +
    +
    • +
    • +
    • +
    • +
    • +
+ +
+ Availability: {data.stock} +
+
{ + e.preventDefault(); + var newformValue = { + ...formValue, + product_name: detailproduct[0].name, + } + setFormValue(newformValue) + console.log(JSON.stringify(newformValue)); + const response = await fetch( + "/api/transaction/AddToCart", + { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(newformValue), + } + ); + if (response.ok) { + var res = await response.json(); + console.log("cek response :", res); + if (res["STATUS"] === 1) { + res["DATA"]["cart"]; + swal("Produk Berhasil Ditambah ke Keranjang", "Silahkan Cek Keranjang Belanja Anda", "success"); + router.push("/yamaha/Shop/Cart"); + } + else { + swal("Produk Gagal Ditambah ke Keranjang", "Silahkan Coba Lagi", "error"); + } + } else { + swal("Transaksi Gagal", "Silahkan Coba Lagi", "error"); + } + return false; + }} + + > + {/* + +
+ +
+
+ + +
+ +
+
*/} + + + + + + +
+ +
+ Metode Pembayaran : + +
+ image + image + image + image + image + image + image +
+
+ +
+ Share: + + +
+
+
+ +
+
+ + + Deskripsi + Info Penting + Review + + + +
+

{ReactHtmlParser(data.description)}

+
+ + + +
+

+

Informasi mengenai prosedur pengiriman, pembelian dan dokumen

+
    +
  • Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
    • +
  • Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
    • +
  • Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
    • +
  • Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
    • +
+ +

Harga

+
    +
  • Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
    • +
  • Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
    • +
  • Harga OTR sewaktu-waktu dapat berubah.
    • +
  • Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
    • +
  • Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
    • +
  • Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
    • +
+ +

Dokumen

+
    +
  • Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
    • +
  • Proses pembuatan BPKB adalah 3-4 bulan.
    • +
  • STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
    • +
  • Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
    • +
  • Buku servis diterima bersamaan dengan pengiriman sepeda motor.
    • +
+ +

*tidak termasuk Sabtu dan Minggu.

+

+
+ + + +
+

Customer Reviews

+

There are no reviews yet.

+ +
+

Rate this item:

+ +
+ + + + + + +

Very good product!

+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ + +
+
+
+
+
+
+ ); + }) + + return ( + <> + {MotorDetail} + + ) +} + +export default ProductDetails; \ No newline at end of file diff --git a/components/Yamaha/Product/Helmet_Detail.js b/components/Yamaha/Product/Helmet_Detail.js new file mode 100644 index 0000000..282940a --- /dev/null +++ b/components/Yamaha/Product/Helmet_Detail.js @@ -0,0 +1,333 @@ +import React from 'react' + +//component +import PageBanner from '@/components/Common/PageBanner'; +import * as Icon from 'react-feather' +import { useSelector, useDispatch } from 'react-redux' +import { useRouter } from 'next/router' +import { useToasts } from 'react-toast-notifications' + +//addon library +import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs'; +resetIdCounter(); + +import dynamic from 'next/dynamic' +const OwlCarousel = dynamic(import('react-owl-carousel3')) + +//library yarn +import NumberFormat from 'react-number-format'; +import ReactHtmlParser from "react-html-parser"; + +//sweet alert +import swal from 'sweetalert'; + +const options = { + loop: true, + nav: true, + dots: false, + autoplay: true, + items: 1, + smartSpeed: 1000, + autoplayTimeout: 5000, + navText: [ + "", + "" + ], +}; + +const ProductDetails = function ({ detailhelmet, backend, user, ...props }) { + + const [formValue, setFormValue] = React.useState({ + product_img: "", + product_name: "", + product_color: "", + product_price: "", + }); + + const router = useRouter(); + + const MotorDetail = detailhelmet.map((data) => { + + return ( +
+ +
+
+
+
+ + + +
+ +
+
+

{data.name}

+

+ +

+ +
    +
    • +
    • +
    • +
    • +
    • +
+ +
+ Availability: {data.stock} +
+
{ + e.preventDefault(); + var newformValue = { + ...formValue, + product_name: detailproduct[0].name, + } + setFormValue(newformValue) + console.log(JSON.stringify(newformValue)); + const response = await fetch( + "/api/transaction/AddToCart", + { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(newformValue), + } + ); + if (response.ok) { + var res = await response.json(); + console.log("cek response :", res); + if (res["STATUS"] === 1) { + res["DATA"]["cart"]; + swal("Produk Berhasil Ditambah ke Keranjang", "Silahkan Cek Keranjang Belanja Anda", "success"); + router.push("/yamaha/Shop/Cart"); + } + else { + swal("Produk Gagal Ditambah ke Keranjang", "Silahkan Coba Lagi", "error"); + } + } else { + swal("Transaksi Gagal", "Silahkan Coba Lagi", "error"); + } + return false; + }} + + > + {/* + +
+ +
+
+ + +
+ +
+
*/} + + + + + + +
+ +
+ Metode Pembayaran : + +
+ image + image + image + image + image + image + image +
+
+ +
+ Share: + + +
+
+
+ +
+
+ + + Deskripsi + Info Penting + Review + + + +
+

{ReactHtmlParser(data.description)}

+
+ + + +
+

+

Informasi mengenai prosedur pengiriman, pembelian dan dokumen

+
    +
  • Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
    • +
  • Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
    • +
  • Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
    • +
  • Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
    • +
+ +

Harga

+
    +
  • Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
    • +
  • Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
    • +
  • Harga OTR sewaktu-waktu dapat berubah.
    • +
  • Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
    • +
  • Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
    • +
  • Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
    • +
+ +

Dokumen

+
    +
  • Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
    • +
  • Proses pembuatan BPKB adalah 3-4 bulan.
    • +
  • STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
    • +
  • Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
    • +
  • Buku servis diterima bersamaan dengan pengiriman sepeda motor.
    • +
+ +

*tidak termasuk Sabtu dan Minggu.

+

+
+ + + +
+

Customer Reviews

+

There are no reviews yet.

+ +
+

Rate this item:

+ +
+ + + + + + +

Very good product!

+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ + +
+
+
+
+
+
+ ); + }) + + return ( + <> + {MotorDetail} + + ) +} + +export default ProductDetails; \ No newline at end of file diff --git a/components/Yamaha/Product/Motor.js b/components/Yamaha/Product/Motor.js index b48e18e..8f37fe2 100644 --- a/components/Yamaha/Product/Motor.js +++ b/components/Yamaha/Product/Motor.js @@ -42,7 +42,7 @@ const ProductCard = function ({ product, backend, user, ...props }) {

- + {data.name}

@@ -55,7 +55,9 @@ const ProductCard = function ({ product, backend, user, ...props }) {
    • - + + Detail Product +
    diff --git a/components/Yamaha/Product/Motor_Detail.js b/components/Yamaha/Product/Motor_Detail.js index bdfdf57..30dc786 100644 --- a/components/Yamaha/Product/Motor_Detail.js +++ b/components/Yamaha/Product/Motor_Detail.js @@ -184,13 +184,13 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) { Metode Pembayaran :
    - image - image - image - image - image - image - image + image + image + image + image + image + image + image
    diff --git a/components/Yamaha/Product/Sparepart.js b/components/Yamaha/Product/Sparepart.js index e9e552f..b013a7a 100644 --- a/components/Yamaha/Product/Sparepart.js +++ b/components/Yamaha/Product/Sparepart.js @@ -46,7 +46,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac

    - + {data.name}

    @@ -59,7 +59,9 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
    • - + + Detail Product +
    @@ -96,7 +98,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac

    - + {data.name}

    @@ -109,7 +111,9 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
    • - + + Detail Product +
    @@ -146,7 +150,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac

    - + {data.name}

    @@ -159,7 +163,9 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
    • - + + Detail Product +
    @@ -196,7 +202,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac

    - + {data.name}

    @@ -209,7 +215,9 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
    • - + + Detail Product +
    @@ -246,7 +254,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac

    - + {data.name}

    @@ -259,7 +267,9 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
    • - + + Detail Product +
    diff --git a/components/Yamaha/Product/Sparepart_Detail.js b/components/Yamaha/Product/Sparepart_Detail.js deleted file mode 100644 index e69de29..0000000 diff --git a/components/Yamaha/Product/Yamalube_Detail.js b/components/Yamaha/Product/Yamalube_Detail.js new file mode 100644 index 0000000..481c30e --- /dev/null +++ b/components/Yamaha/Product/Yamalube_Detail.js @@ -0,0 +1,333 @@ +import React from 'react' + +//component +import PageBanner from '@/components/Common/PageBanner'; +import * as Icon from 'react-feather' +import { useSelector, useDispatch } from 'react-redux' +import { useRouter } from 'next/router' +import { useToasts } from 'react-toast-notifications' + +//addon library +import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs'; +resetIdCounter(); + +import dynamic from 'next/dynamic' +const OwlCarousel = dynamic(import('react-owl-carousel3')) + +//library yarn +import NumberFormat from 'react-number-format'; +import ReactHtmlParser from "react-html-parser"; + +//sweet alert +import swal from 'sweetalert'; + +const options = { + loop: true, + nav: true, + dots: false, + autoplay: true, + items: 1, + smartSpeed: 1000, + autoplayTimeout: 5000, + navText: [ + "", + "" + ], +}; + +const ProductDetails = function ({ detailyamalube, backend, user, ...props }) { + + const [formValue, setFormValue] = React.useState({ + product_img: "", + product_name: "", + product_color: "", + product_price: "", + }); + + const router = useRouter(); + + const MotorDetail = detailyamalube.map((data) => { + + return ( +
    + +
    +
    +
    +
    + + + +
    + +
    +
    +

    {data.name}

    +

    + +

    + +
      +
      • +
      • +
      • +
      • +
      • +
    + +
    + Availability: {data.stock} +
    +
    { + e.preventDefault(); + var newformValue = { + ...formValue, + product_name: detailproduct[0].name, + } + setFormValue(newformValue) + console.log(JSON.stringify(newformValue)); + const response = await fetch( + "/api/transaction/AddToCart", + { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(newformValue), + } + ); + if (response.ok) { + var res = await response.json(); + console.log("cek response :", res); + if (res["STATUS"] === 1) { + res["DATA"]["cart"]; + swal("Produk Berhasil Ditambah ke Keranjang", "Silahkan Cek Keranjang Belanja Anda", "success"); + router.push("/yamaha/Shop/Cart"); + } + else { + swal("Produk Gagal Ditambah ke Keranjang", "Silahkan Coba Lagi", "error"); + } + } else { + swal("Transaksi Gagal", "Silahkan Coba Lagi", "error"); + } + return false; + }} + + > + {/* + +
    + +
    +
    + + +
    + +
    +
    */} + + + + + + +
    + +
    + Metode Pembayaran : + +
    + image + image + image + image + image + image + image +
    +
    + +
    + Share: + + +
    +
    +
    + +
    +
    + + + Deskripsi + Info Penting + Review + + + +
    +

    {ReactHtmlParser(data.description)}

    +
    +     + + +
    +

    +

    Informasi mengenai prosedur pengiriman, pembelian dan dokumen

    +
      +
    • Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
      • +
    • Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
      • +
    • Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
      • +
    • Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
      • +
    + +

    Harga

    +
      +
    • Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
      • +
    • Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
      • +
    • Harga OTR sewaktu-waktu dapat berubah.
      • +
    • Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
      • +
    • Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
      • +
    • Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
      • +
    + +

    Dokumen

    +
      +
    • Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
      • +
    • Proses pembuatan BPKB adalah 3-4 bulan.
      • +
    • STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
      • +
    • Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
      • +
    • Buku servis diterima bersamaan dengan pengiriman sepeda motor.
      • +
    + +

    *tidak termasuk Sabtu dan Minggu.

    +

    +
    +     + + +
    +

    Customer Reviews

    +

    There are no reviews yet.

    + +
    +

    Rate this item:

    + +
    + + + + + + +

    Very good product!

    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + +
    +
    +
    +
    +     +     +
    +
    +
    +
    +
    +
    + ); + }) + + return ( + <> + {MotorDetail} + + ) +} + +export default ProductDetails; \ No newline at end of file diff --git a/components/Yamaha/Product/Ygp_Detail.js b/components/Yamaha/Product/Ygp_Detail.js new file mode 100644 index 0000000..6fea807 --- /dev/null +++ b/components/Yamaha/Product/Ygp_Detail.js @@ -0,0 +1,334 @@ +import React from 'react' + +//component +import PageBanner from '@/components/Common/PageBanner'; +import * as Icon from 'react-feather' +import { useSelector, useDispatch } from 'react-redux' +import { useRouter } from 'next/router' +import { useToasts } from 'react-toast-notifications' + +//addon library +import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs'; +resetIdCounter(); + +import dynamic from 'next/dynamic' +const OwlCarousel = dynamic(import('react-owl-carousel3')) + +//library yarn +import NumberFormat from 'react-number-format'; +import ReactHtmlParser from "react-html-parser"; + +//sweet alert +import swal from 'sweetalert'; + +const options = { + loop: true, + nav: true, + dots: false, + autoplay: true, + items: 1, + smartSpeed: 1000, + autoplayTimeout: 5000, + navText: [ + "", + "" + ], +}; + +const ProductDetails = function ({ detailygp, backend, user, ...props }) { + console.log(detailygp); + + const [formValue, setFormValue] = React.useState({ + product_img: "", + product_name: "", + product_color: "", + product_price: "", + }); + + const router = useRouter(); + + const MotorDetail = detailygp.map((data) => { + + return ( +
    + +
    +
    +
    +
    + + + +
    + +
    +
    +

    {data.name}

    +

    + +

    + +
      +
      • +
      • +
      • +
      • +
      • +
    + +
    + Availability: {data.stock} +
    +
    { + e.preventDefault(); + var newformValue = { + ...formValue, + product_name: detailproduct[0].name, + } + setFormValue(newformValue) + console.log(JSON.stringify(newformValue)); + const response = await fetch( + "/api/transaction/AddToCart", + { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(newformValue), + } + ); + if (response.ok) { + var res = await response.json(); + console.log("cek response :", res); + if (res["STATUS"] === 1) { + res["DATA"]["cart"]; + swal("Produk Berhasil Ditambah ke Keranjang", "Silahkan Cek Keranjang Belanja Anda", "success"); + router.push("/yamaha/Shop/Cart"); + } + else { + swal("Produk Gagal Ditambah ke Keranjang", "Silahkan Coba Lagi", "error"); + } + } else { + swal("Transaksi Gagal", "Silahkan Coba Lagi", "error"); + } + return false; + }} + + > + {/* + +
    + +
    +
    + + +
    + +
    +
    */} + + + + + + +
    + +
    + Metode Pembayaran : + +
    + image + image + image + image + image + image + image +
    +
    + +
    + Share: + + +
    +
    +
    + +
    +
    + + + Deskripsi + Info Penting + Review + + + +
    +

    {ReactHtmlParser(data.description)}

    +
    +     + + +
    +

    +

    Informasi mengenai prosedur pengiriman, pembelian dan dokumen

    +
      +
    • Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
      • +
    • Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
      • +
    • Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
      • +
    • Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
      • +
    + +

    Harga

    +
      +
    • Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
      • +
    • Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
      • +
    • Harga OTR sewaktu-waktu dapat berubah.
      • +
    • Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
      • +
    • Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
      • +
    • Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
      • +
    + +

    Dokumen

    +
      +
    • Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
      • +
    • Proses pembuatan BPKB adalah 3-4 bulan.
      • +
    • STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
      • +
    • Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
      • +
    • Buku servis diterima bersamaan dengan pengiriman sepeda motor.
      • +
    + +

    *tidak termasuk Sabtu dan Minggu.

    +

    +
    +     + + +
    +

    Customer Reviews

    +

    There are no reviews yet.

    + +
    +

    Rate this item:

    + +
    + + + + + + +

    Very good product!

    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + +
    +
    +
    +
    +     +     +
    +
    +
    +
    +
    +
    + ); + }) + + return ( + <> + {MotorDetail} + + ) +} + +export default ProductDetails; \ No newline at end of file diff --git a/components/Yamaha/Shop/Cart.js b/components/Yamaha/Shop/Cart.js index 6ec9de7..b89473f 100644 --- a/components/Yamaha/Shop/Cart.js +++ b/components/Yamaha/Shop/Cart.js @@ -20,6 +20,16 @@ const CartContent = function ({ backend, cart_product, ...props }) { const total = useSelector((state) => state.total) // console.log(cart) + const [qty, setQty] = React.useState(1) + + const increment = () => { + setQty(qty + 1) + } + + const decrement = () => { + setQty(qty - 1) + } + const removeItem = () => { dispatch({ type: 'REMOVE_ITEM', @@ -41,8 +51,8 @@ const CartContent = function ({ backend, cart_product, ...props }) { product_img: "", product_name: "", product_color: "", - product_quantity: 1, - product_price: "", + product_quantity: "", + product_total: "", }); function GenerateID() { @@ -63,7 +73,6 @@ const CartContent = function ({ backend, cart_product, ...props }) { ...formValue, product_name: cart_product[0].product_name, product_color: cart_product[0].product_color, - product_price: cart_product[0].product_price, } setFormValue(newformValue) console.log(JSON.stringify(newformValue)); @@ -135,15 +144,28 @@ const CartContent = function ({ backend, cart_product, ...props }) { - { - // setFormValue({ - // ...formValue, - // product_quantity: e.target.value(), - // }) - // }} - /> +
    + + + + + e} + name="product_quantity" + onInput={(e) => { + setFormValue({ + ...formValue, + product_quantity: e.target.value.toString(), + }) + }} + /> + + + + +
    {/* @@ -155,22 +177,21 @@ const CartContent = function ({ backend, cart_product, ...props }) { */} - { - // setFormValue({ - // ...formValue, - // product_price: e.target.value(), - // }) - // }} + onInput={(e) => { + setFormValue({ + ...formValue, + product_total: e.target.value, + }) + }} /> - { removeItem(data.id) }}> + { removeItem(data) }}> diff --git a/components/_App/NavbarYamaha.js b/components/_App/NavbarYamaha.js index e522b91..38f6040 100644 --- a/components/_App/NavbarYamaha.js +++ b/components/_App/NavbarYamaha.js @@ -133,54 +133,81 @@ export default function NavbarYamaha({ username, ...props }) { Login ) : ( - 12 ? username.substring(0, 9) + ".." : username - } - buttonProps={{ - className: classes.navLink, - color: "transparent", - }} - buttonIcon={Person} - dropdownList={[ -
    { - e.preventDefault(); - fetch("/api/auth/logout", { - method: "POST", - headers: { - "Content-Type": "application/json", - }, - body: JSON.stringify({ p: "YAMAHA" }), - }).then((res) => { - //if (res.ok) { - window.location.href = "../yamaha/home"; - /*} - else{ - - }*/ - }); - }} - > - - Logout +
  • + + e.preventDefault()} className="nav-link"> + Product + + + +
    • , -
    - - Profile + + +
  • + + Sparepart Product -
    • , -
    - - Pesanan Saya + + +
  • + + Service Product -
    • - // Profile, - ]} - /> + + + + // 12 ? username.substring(0, 9) + ".." : username + // } + // buttonProps={{ + // className: classes.navLink, + // color: "transparent", + // }} + // buttonIcon={Person} + // dropdownList={[ + //
    { + // e.preventDefault(); + // fetch("/api/auth/logout", { + // method: "POST", + // headers: { + // "Content-Type": "application/json", + // }, + // body: JSON.stringify({ p: "YAMAHA" }), + // }).then((res) => { + // //if (res.ok) { + // window.location.href = "../yamaha/home"; + // /*} + // else{ + + // }*/ + // }); + // }} + // > + // + // Logout + // + //
    , + //
    + // + // Profile + // + //
    , + //
    + // + // Pesanan Saya + // + //
    + // // Profile, + // ]} + // /> )} diff --git a/pages/yamaha/Product/Accessories_Detail.js b/pages/yamaha/Product/Accessories_Detail.js new file mode 100644 index 0000000..617cdbb --- /dev/null +++ b/pages/yamaha/Product/Accessories_Detail.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Navbar from "@/components/_App/NavbarYamaha"; +import Footer from "@/components/_App/FooterYamaha"; +import ProductCard from '@/components/Yamaha/Product/Accessories_Detail'; + +import GetDetailSparepart from "api/sparepart/sparepart.js"; + +import Cookies from "cookies"; + +const Shop = function ({ detailaccessories, backend, user, ...props }) { + return ( + <> + + + + +