@extends('layouts.app')
@section('content')
<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section bg_gray page-title-mini">
    <div class="container"><!-- STRART CONTAINER -->
        <div class="row align-items-center">
        	<div class="col-md-6">
                <div class="page-title">
            		<h1>Checkout</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item 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">
	<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>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 Metamask Wallet</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>
                    <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')
<script src="https://unpkg.com/@metamask/legacy-web3@latest/dist/metamask.web3.min.js"></script>
<script>
    // document.getElementById("payment-btn").disabled = true;
    function startProcess() {
        var price = parseFloat();
        if (price > 0) {
            showLoader();
            // run metamsk functions here
            EThAppDeploy.loadEtherium();
        } else {
            alert('Invalid Amount');
        }
    }

    // var a = window.ethereum._metamask.isUnlocked();

    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 != ''){
                        // addContractToken(ethereum, from_address)
                        // switch network
                        // switchNetwork(account);
                    }else{
                        console.log('Failde to connect account.');
                    }
                    //do payments with activated account
                    // requestPermissions()
                    // transfer(ethereum, resp[0]);
                    EThAppDeploy.payNow(ethereum, resp[0]);
                })
                .catch((err) => {
                    SwalModel('Warning!', err.message, 'warning');
                });
        },
        /***
            *
            * Do Payment
            * */
        payNow: async (ethereum, from) => {
            // var product_ids = new Array('');
            var product_ids = {!! (count($product_ids) > 1) ? implode(',',$product_ids) : "'".implode($product_ids)."'"!!}
            product_ids = new Array(product_ids);
            var contractAddress = `{{getSetting()->token_address}}`
            var receiver = `{{getWalletAddress()}}`;
            var currentUser = web3.eth.accounts[0]
            var amount = {{$cart_subtotal}};
            var finel_amount = '0x' + ((amount * 1000000000000000000).toString(16));
            // var contractABI = '';
            // var abi_file_path = `{{asset('/frontend/assets/json/abi.json')}}`;
            // console.log(abi_file_path);

            // $.getJSON(abi_file_path, function(result) {            
            //     contractABI = result                
            // });
            // console.log(contractABI);
            var contractABI = [{"constant":true,"inputs":[],"name":"name","outputs":[{"name":"","type":"string"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_spender","type":"address"},{"name":"_value","type":"uint256"}],"name":"approve","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"totalSupply","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_from","type":"address"},{"name":"_to","type":"address"},{"name":"_value","type":"uint256"}],"name":"transferFrom","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"decimals","outputs":[{"name":"","type":"uint8"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_value","type":"uint256"}],"name":"burn","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"tokenSaleContract","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_spender","type":"address"},{"name":"_subtractedValue","type":"uint256"}],"name":"decreaseApproval","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"_owner","type":"address"}],"name":"balanceOf","outputs":[{"name":"balance","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"owner","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"isTokenTransferable","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"symbol","outputs":[{"name":"","type":"string"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_to","type":"address"},{"name":"_value","type":"uint256"}],"name":"transfer","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"_spender","type":"address"},{"name":"_addedValue","type":"uint256"}],"name":"increaseApproval","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"_toggle","type":"bool"}],"name":"toggleTransferable","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"_token","type":"address"},{"name":"_amount","type":"uint256"}],"name":"emergencyERC20Drain","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"_owner","type":"address"},{"name":"_spender","type":"address"}],"name":"allowance","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"newOwner","type":"address"}],"name":"transferOwnership","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[{"name":"_tokenTotalAmount","type":"uint256"},{"name":"_adminAddr","type":"address"}],"payable":false,"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":true,"name":"previousOwner","type":"address"},{"indexed":true,"name":"newOwner","type":"address"}],"name":"OwnershipTransferred","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"burner","type":"address"},{"indexed":false,"name":"value","type":"uint256"}],"name":"Burn","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"owner","type":"address"},{"indexed":true,"name":"spender","type":"address"},{"indexed":false,"name":"value","type":"uint256"}],"name":"Approval","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"from","type":"address"},{"indexed":true,"name":"to","type":"address"},{"indexed":false,"name":"value","type":"uint256"}],"name":"Transfer","type":"event"}]

            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 {
                    console.log(result)
                    storeTransaction(from, result, amount, product_ids);
                }
            });


            // var amount = ;
            // var product_ids = new Array('');
            // var to = `{{getWalletAddress()}}`;
            // ethereum
            //     .request({
            //         method: 'eth_sendTransaction',
            //         params: [{
            //             from: from,
            //             // to: to,
            //             // value: '0x' + ((amount * 1000000000000000000).toString(16)),
            //             to: '0x6cA0323B6DB3bbC5331614b1E5aFf01C0b1771d6',
            //             value: '0x' + ((0.00005 * 1000000000000000000).toString(16)),
            //             // data: '0x095ea7b30000000000000000000000006ca0323b6db3bbc5331614b1e5aff01c0b1771d60000000000000000000000000000000000000000000000000000000000000001',
            //             // asset: 'AIOT'
            //             // hash: `{{getSetting()->token_address}}`
            //             // data:`{{getSetting()->token_address}}`, // Optional, but used for defining smart contract creation and interaction.
            //             // chainId: '0x38', // Used to prevent transaction reuse across blockchains. Auto-filled by MetaMask.
            //         }],
            //     })
            //     .then((txHash) => {
            //         if (txHash) {
            //             // console.log(txHash);
            //             storeTransaction(from, txHash, amount, product_ids);
            //         } else {
            //             SwalModel('Error!', 'Something went wrong. Please try again.', 'error');
            //         }
            //     })
            //     .catch((error) => {
            //         SwalModel('Error!', error.message, 'error');
            //     });
        },
    }
    /***
        *
        * @param Transaction id
        *
        */
    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 == 'success'){
                    Swal.fire({
                        title: 'Success!',
                        text: session,
                        type: 'success',
                        timer: 2000
                    }).then(function() {
                        window.location = "{{route('checkouts.success')}}";
                        // window.location.reload();
                    });
                }
            },
            error: function() {
                SwalModel('Error!', session, 'error');
            }
        });
    }

    


</script>
@endpush