import React from "react";
import classNames from "classnames";
import { makeStyles } from "@material-ui/core/styles";

import Header from "components/Header/Header.js";
import HeaderLinks from "components/Header/HeaderLinks.js";
import Footer from "components/Footer/Footer.js";
import OrderProduct from "pages-sections/yamaha/order/order.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
import GetTransaction from "api/transaction/transaction.js";
import Cookies from "cookies";
import stylecss from "pages/home.css";

const useStyles = makeStyles(styles);
const Order = function ({ transactionToken, user, order, unpaid, prepared, sending, finished, backend, ...props })  {
    const classes = useStyles();
    const { ...rest } = props;
    return (
        <div>
        <Header
            leftLinks={<HeaderLinks username={user} />}
            fixed
            color="info"
            changeColorOnScroll={{
            height: 400,
            color: "white"
            }}
            {...rest}
        />
        <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px"/>
        <div className={classNames(classes.main, classes.mainRaised)}>
            <OrderProduct order={order} transactionToken={transactionToken} unpaid={unpaid} prepared={prepared} sending={sending} finished={finished} backend={backend}/>
            <a href="https://wa.me/+6287797315685" class="float" target="_blank">
                <i class="fa fa-whatsapp my-float"></i>
            </a>
        </div>
        <Footer />
        </div>
    );
}

export default Order;

export async function getServerSideProps(context) {
    var {query} = context;
    var order = [];
    var res = await GetTransaction.getTransaction();
    if (res["STATUS"] === 1) {
        order = res["DATA"]["transactions"];
    }

    console.log(order);

    var unpaid = [];
    var res = await GetTransaction.getTransactionUnpaid();
    if (res["STATUS"] === 1) {
        unpaid = res["DATA"]["transactions"];
    }

    var prepared = [];
    var res = await GetTransaction.getTransactionPrepared();
    if (res["STATUS"] === 1) {
        prepared = res["DATA"]["transactions"];
    }

    var sending = [];
    var res = await GetTransaction.getTransactionSending();
    if (res["STATUS"] === 1) {
        sending = res["DATA"]["transactions"];
    }

    var finished = [];
    var res = await GetTransaction.getTransactionFinished();
    if (res["STATUS"] === 1) {
        finished = res["DATA"]["transactions"];
    }

    //backend
    const backend = process.env.BACKEND_SERVER_URI;

    //user
    var { req, resp } = context;
    const cookies = new Cookies(req, resp);
    var user = "";
    var userObj = (await cookies.get("user"))
        ? JSON.parse(await cookies.get("user"))
        : null;
    if (userObj) {
        let sessionId = userObj["partners_login_states"].filter(function (i) {
            return (
                i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
            );
        });
        if (sessionId.length != 0) user = userObj["username"];
    }

    // midtrans
    var parameters = await GetTransaction.PayTransactionUnpaid();
    console.log("parameters", parameters);
    var transactionToken = [];
    if ( parameters["STATUS"] === 1 )
    {
        const midtransClient = require('midtrans-client');
        let snap = new midtransClient.Snap({
            isProduction : false,
            serverKey : 'SB-Mid-server-SfBhLkXXlTxCBx7EYP5T2k3d',
            clientKey : 'SB-Mid-client-srx674LjNbEybd4-'
        });
        let parameter = {
            "transaction_details": {
                "order_id": parameters["DATA"]["transactions"][0]["order_id"],
                "gross_amount": parameters["DATA"]["transactions"][0]["product_price"],
                // "order_id":"Trx-Ord-00000001",
                // "gross_amount":33750000,
            }, "credit_card":{
                "secure" : true
            },
            "customer_details": {
                    "first_name": parameters["DATA"]["transactions"][0]["cust_name"],
                    "phone": parameters["DATA"]["transactions"][0]["cust_telp"],
                    // "first_name":"Yusmar",
                    // "phone":"087797315685",
                    "billing_address":
                {
                    "first_name": parameters["DATA"]["transactions"][0]["cust_name"],
                    "phone": parameters["DATA"]["transactions"][0]["cust_telp"],
                    "address": parameters["DATA"]["transactions"][0]["cust_address"],
                    // "first_name":"Yusmar",
                    // "phone":"087797315685",
                    // "address":"THAMRIN INDRAPURA JL.AIPDA KAREL SATSUIT TUBUN,17 ILIR, KEC.ILIR TIM.I, PALEMBANG, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114"
                },
            },
        };

        await snap.createTransaction(parameter)
            .then((transaction)=>{
                // transaction token
                transactionToken = transaction.token;
                console.log('transactionToken:',transactionToken);
        
                // transaction redirect url
                let transactionRedirectUrl = transaction.redirect_url;
                console.log('transactionRedirectUrl:',transactionRedirectUrl);
            })
            .catch((e)=>{
                console.log('Error occured:',e.message);
        });
    }

    // var transactionToken = [];
    // const midtransClient = require('midtrans-client');
    // let snap = new midtransClient.Snap({
    //   isProduction : false,
    //   serverKey : 'SB-Mid-server-SfBhLkXXlTxCBx7EYP5T2k3d',
    //   clientKey : 'SB-Mid-client-srx674LjNbEybd4-'
    // });

    // let parameter = {
    //   "transaction_details": {
    //     // "order_id": parameters["DATA"]["transaction"]["id"],
    //     // "gross_amount": parameters["DATA"]["transaction"]["product_price"],
    //     "order_id":"Trx-Ord-00000001",
    //     "gross_amount":33750000,
    //   },
    //   "credit_card": {
    //     "secure" : true
    //   },
    //   "customer_details": {
    //     // "first_name": parameters["DATA"]["transaction"]["cust_name"],
    //     // "phone": parameters["DATA"]["transaction"]["cust_telp"],
    //     "first_name":"Yusmar",
    //     "phone":"087797315685",
    //     "billing_address":
    //     {
    //       // "first_name": parameters["DATA"]["transaction"]["cust_name"],
    //       // "phone": parameters["DATA"]["transaction"]["cust_telp"],
    //       // "address": parameters["DATA"]["transaction"]["cust_address"],
    //       "first_name":"Yusmar",
    //       "phone":"087797315685",
    //       "address":"THAMRIN INDRAPURA JL.AIPDA KAREL SATSUIT TUBUN,17 ILIR, KEC.ILIR TIM.I, PALEMBANG, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114"
    //     },
    //     "shipping_address":
    //     {
    //       // "first_name": parameters["DATA"]["transaction"]["cust_name"],
    //       // "phone": parameters["DATA"]["transaction"]["cust_telp"],
    //       // "address": parameters["DATA"]["transaction"]["cust_address"],
    //       "first_name":"Yusmar",
    //       "phone":"087797315685",
    //       "address":"THAMRIN INDRAPURA JL.AIPDA KAREL SATSUIT TUBUN,17 ILIR, KEC.ILIR TIM.I, PALEMBANG, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114"
    //     }
    //   },
    // };

    // await snap.createTransaction(parameter)
    // .then((transaction)=> {
    //   // transaction token
    //   transactionToken = transaction.token;
    //   console.log('transactionToken:',transactionToken);

    //   // transaction redirect url
    //   let transactionRedirectUrl = transaction.redirect_url;
    //   console.log('transactionRedirectUrl:',transactionRedirectUrl);
    // })

    // .catch((e)=> {
    //   console.log('Error occured:',e.message);
    // });

    console.log("token :", transactionToken);

	  return {
		    props: { backend, user, unpaid, prepared, sending, finished, order, transactionToken, }, // will be passed to the page component as props
	  };
}