@extends('layouts.app')
@section('content')
<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section page-title-mini">
    <div class="container"><!-- STRART CONTAINER -->
        <div class="row align-items-center">
        	<div class="col-md-6">
                <div class="page-title">
            		<h1 class="text-white">Checkout</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a class="text-white" href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item text-white active">Checkout</li>
                </ol>
            </div>
        </div>
    </div><!-- END CONTAINER-->
</div>
<!-- END SECTION BREADCRUMB -->

@php
    $cart_subtotal = Cart::subtotal();
    $cart_total = Cart::total();
@endphp

<!-- START MAIN CONTENT -->
<div class="main_content">

<!-- START SECTION SHOP -->
<div class="section checkout-div">
	<div class="container">
        <div class="row">
            <div class="col-12">
                @include('layouts.session')
            </div>
        </div>
        <div class="row">
            <div class="col-12">
            	<div class="medium_divider"></div>
            	<div class="divider center_icon"><i class="linearicons-credit-card"></i></div>
            	<div class="medium_divider"></div>
            </div>
        </div>


        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="order_review">
                    <div class="heading_s1">
                        <h4>Your Order</h4>
                    </div>
                    <div class="table-responsive order_table">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Product</th>
                                    <th width="15%">Total</th>
                                </tr>
                            </thead>
                            <tbody>

                                @forelse(Cart::content() as $key => $cart)
                                    <tr>
                                        <td>{{$cart->name}} ({{$cart->options->product_category}})</td>
                                        <td>{{setPriceFormat($cart->price)}}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="2">No Item in your cart</td>
                                    </tr>
                                @endforelse

                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Total</th>
                                    <td class="product-subtotal">{{setPriceFormat($cart_subtotal)}}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="payment_method">
                        <div class="heading_s1">
                            <p><label class="text-capitalize font-weight-bold display-5">Payment Via Your Wallet Under</label><label class="pl-5 text-warning">{{getNetworks()}}</label></p>
                        </div>
                        <div class="payment_option">
                            <div class="custome-radio">
                                <input class="form-check-input" type="radio" name="payment_option" id="paypal" value="paypal" checked="">
                                <label class="form-check-label" for="eth">{{getCurrency()}}</label>
                                <!-- <img class="float-right" src="{{asset('frontend/assets/images/paypal.png')}}" alt="eth"> -->
                            </div>
                        </div>
                        <div class="mt-4">
                            <span class="text-lightgray font-weight-normal h6 text-center">
                                <small><b>Note: </b>Please don't change transaction amount during transaction, if you do so you will loss your tokens and not able to download product.
                                </small>
                            </span>
                        </div>
                    </div>
                    <div class="row">
                    <!-- <button type="submit" class="btn btn-fill-out btn-block place_order_btn text-uppercase" id="add-token-btn" onClick="addToken()" name="add_token_btn">Add Contract Token</button> -->
                    <button type="submit" class="btn btn-fill-out btn-block place_order_btn text-uppercase" id="payment-btn" onClick="startProcess()" name="place_order_btn">Pay And Download Now</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- END SECTION SHOP -->

</div>
<!-- END MAIN CONTENT -->
@endsection

@push('js_link')
    {{-- <script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script> --}}
@endpush

@push('js')

@endpush

@push('js')
    <script src="https://unpkg.com/@metamask/legacy-web3@latest/dist/metamask.web3.min.js"></script>
    <script>
        // var contractABI = '';
        // $.getJSON(`{{asset('/frontend/assets/json/abi.json')}}`, function(result) {
        //     contractABI = result;
        // });

        window.addEventListener('load', async() => {
            // if(getCookie('wallet_address') != ''){
                connectMetaMask();
            // }
        });
        
        function startProcess() {
            var price = parseFloat();
            if (price > 0) {
                showLoader();
                EThAppDeploy.loadEtherium();
            } else {
                alert('Invalid Amount');
            }
        }

        EThAppDeploy = {
            loadEtherium: async () => {
                if (typeof window.ethereum !== 'undefined') {
                    EThAppDeploy.web3Provider = ethereum;
                    EThAppDeploy.requestAccount(ethereum);
                } else {
                    SwalModel('Error!', 'Not able to locate an Ethereum connection, please install a Metamask wallet', 'error');
                    window.location.href="https://metamask.io/download/";
                }
            },
            /****
                * Request A Account
                * **/
            requestAccount: async (ethereum) => {
                ethereum
                    .request({
                        method: 'eth_requestAccounts'
                    })
                    .then((resp) => {
                        const from_address = resp[0];
                        if(from_address == ''){
                            SwalModel('Error!', 'Failde to connect account.', 'error');
                        }
                        // EThAppDeploy.payNow(ethereum, resp[0], contractABI);
                        EThAppDeploy.payNow(ethereum, resp[0]);
                    })
                    .catch((err) => {
                        SwalModel('Warning!', err.message, 'warning');
                    });
            },
            /***
                *
                * Do Payment
                * */
            payNow: async (ethereum, from) => {
                var product_ids = new Array({!! (count($product_ids) > 1) ? implode(',',$product_ids) : "'".implode($product_ids)."'"!!});
                var contractAddress = `{{getSetting()->token_address}}`
                var receiver = `{{getWalletAddress()}}`;
                var currentUser = web3.eth.accounts[0]
                var amount = {{$cart_subtotal}};
                var start = '1';
                var token_decimals = parseInt(`{{getSetting()->token_decimals}}`) + 1;
                var decimal = start.padEnd(token_decimals,0);
                var finel_amount = '0x' + ((amount * decimal).toString(16));
                var dataHax = getDataHax(receiver, finel_amount);

                console.log(dataHax);

                ethereum
                    .request({
                        method: 'eth_sendTransaction',
                        params: [{
                            from: from,
                            to: contractAddress,
                            data: dataHax
                        }],
                    })
                    .then((txHash) => {
                        if (txHash) {
                            (async () => {
                                var get_tra_detail = await getTransactionDetails(txHash);
                                console.log(get_tra_detail.input);
                                if(get_tra_detail.input == dataHax){
                                    storeTransaction(from, txHash, amount, product_ids);
                                }else{
                                    SwalModel('Error!', 'Order amount and transaction amount done not match.', 'error');
                                }
                            })()

                        } else {
                            SwalModel('Error!', 'Something went wrong. Please try again.', 'error');
                        }
                    })
                    .catch((error) => {
                        SwalModel('Error!', error.message, 'error');
                    });


                // var amount = 120;
                // var result = '0xb7fc096e81b59d740072d40702ca70f9a272a66cef8310ad82aaa62c1c1f1e6f123';
                // storeTransaction(from, result, amount, product_ids);

                // var contractInstance = web3.eth.contract(contractABI).at(contractAddress);
                // contractInstance.transfer(receiver, finel_amount, {
                //     from: currentUser,
                //     to: contractAddress,
                // }, function (error, result) {
                //     if (error) {
                //         SwalModel('Error!', error.message, 'error');
                //     } else {
                //         storeTransaction(from, result, amount, product_ids);
                //     }
                // });
            },
        }

        function getDataHax(to_address, amount){
            var response = web3.eth.abi.encodeFunctionCall({
                    name: 'transfer',
                    type: 'function',
                    inputs: [{
                        type: 'address',
                        name: 'recipient'
                    },{
                        type: 'uint256',
                        name: 'amount'
                    }]
                }, [to_address, amount]);
            return response;
        }

        function storeTransaction(from, txHash, amount, product_ids) {
            $.ajax({
                url: "{{ route('metamask.transaction.create') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                data: {
                    txHash: txHash,
                    amount: amount,
                    product_ids: product_ids,
                    account: from,
                },
                success: function (response) {
                    hideLoader();
                    var session = response.msg;
                    if(response.status){
                        Swal.fire({
                            title: 'Success!',
                            text: session,
                            type: 'success',
                            timer: 2000
                        }).then(function() {
                            window.location = "{{route('checkouts.success')}}";
                        });
                    }else{
                        SwalModel('Error!', session, 'error');
                    }
                }
            });
        }
    </script>
@endpush