<?php

$pageName  = "Dashboard";
include($_SERVER['DOCUMENT_ROOT'] . "/account/layout/header.php");

// Ofofonobs Developer WhatsAPP +2348114313795


// Bank Script Developer - Use For Educational Purpose Only

// Other scripts Available

// if (!$_SESSION['acct_email']) {
//     header("location:../login.php");
//     die;
// }




?>





<div class="col-md-9 px-0 anuphan border-left-lg pb-lg-5 expand-page-content bottom-padding" style="position: relative; z-index: 1;">
    <!-- @ desktop -->
    <div class="d-none d-md-block">
        <div class="secondary-bg-3 p-4 d-flex">
            <img src="<?= $web_url ?>/static/assets/images/avatar-5.png" alt="profile" style="width: 65px; height: 65px;">
            <div class="ml-3">
                <p class="anuphan-2 m-0">Welcome-<?= $row['acct_fullname'] ?></p>
                <div class="d-flex mt-2">
                    <p class="xsmall2 grey-color-3 m-0">
                        User ID <br>
                        <span class="xsmall2"><?= $row['userid'] ?></span>
                    </p>
                    <p class="xsmall2 grey-color-3 m-0 ml-5">
                        User Type <br>
                        <span class="xsmall2"><?= $row['acct_type'] ?></span>
                    </p>
                    <p class="xsmall2 grey-color-3 m-0 ml-5">
                        Email Address <br>
                        <span class="xsmall2"><?= $row['acct_email'] ?></span>
                    </p>
                    <p class="xsmall2 grey-color-3 m-0 ml-5">
                        Last Login <br>
                        <span class="xsmall2"><?= $logs['datenow'] ?></span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- @ mobile -->
    <div class="d-block d-md-none">
        <div class="secondary-bg-3 p-4 d-flex">
            <img src="<?= $web_url ?>/static/assets/images/avatar-5.png" alt="profile" style="width: 45px; height: 45px;">
            <div class="ml-3 flex-fill">
                <p class="anuphan-2 m-0">Welcome-<?= $row['acct_fullname'] ?></p>
                <div class="d-flex mt-1">
                    <p class="xsmall2 grey-color-3 m-0">
                        User ID
                        <span class="xsmall2">-<?= $row['userid'] ?></span>
                    </p>
                </div>
            </div>
            <div>
                <i class="material-icons grey-color-3 secondary-bg add-radius-sm p-1" style="font-size: 16px;">border_color</i>
                <i class="material-icons grey-color-3 ml-2 secondary-bg add-radius-sm p-1" style="font-size: 16px;" data-toggle="collapse" data-target="#ub-dm" onclick="changeExpandIcon(this)">expand_more</i>
            </div>
        </div>
        <div class="secondary-bg-3 collapse" id="ub-dm">
            <div class="p-4">
                <div class="d-flex">
                    <p class="xsmall2 flex-fill grey-color-3 m-0">User Type</p>
                    <p class="xsmall2 m-0"><?= $row['acct_type'] ?></p>
                </div>
                <div class="d-flex mt-3">
                    <p class="xsmall2 flex-fill grey-color-3 m-0">Email Address</p>
                    <p class="xsmall2 m-0"><?= $row['acct_email'] ?></p>
                </div>
                <div class="d-flex mt-3">
                    <p class="xsmall2 flex-fill grey-color-3 m-0">Last Login</p>
                    <p class="xsmall2 m-0"><?= $logs['datenow'] ?></p>
                </div>
            </div>
        </div>
    </div>

    <!-- ======================== -->
    <div class="container px-lg-4">
        <div class="row">
            <div class="col-md-8">
                <!-- @ desktop -->
                <div class="mt-5 d-none d-md-block">
                    <div class="d-flex">
                        <h5 class="anuphan-2 m-0">Estimated Balances</h5>
                        <i class="material-icons-outlined ml-3 grey-color-3 secondary-bg add-radius-sm p-1" style="font-size: 16px; height: fit-content;">visibility</i>
                        <a href="./withdraw.php">
                            <button class="py-1 xsmall2 anuphan-2 px-3 fit-content ml-5">Withdraw</button>
                        </a>
                        
                        
                    </div>

                    <div class="position-relative">
                        <div class="d-flex py-2 add-radius pointer mt-3" onclick="toggleContextMenu('.w-ctx-menu')">
                            <h5 class="m-0 bold-text anuphan-3 pb-0" style="border-bottom: 1px dashed grey;">

                                <b class="uw-bal"><?= $page['currency'] ?><?php echo number_format($acct_balance, 2, '.', ','); ?></b> <span class="uw-tkn">...</span>

                            </h5>
                            <i class="material-icons grey-color-3 ml-2 secondary-bg add-radius-sm p-1 ml-2" style="font-size: 16px; height: fit-content;">expand_more</i>
                            <h5 class="m-0 ml-4 roboto bold-text grey-color-3 coin-usd-val">
                                ≈ <?= $page['currency'] ?><?php echo number_format($acct_balance, 2, '.', ','); ?>
                            </h5>
                        </div>

                    </div>
                </div>

                <!-- @ mobile -->
                <div class="mt-4 d-block d-md-none">
                    <div class="position-relative">
                        <div class="d-flex">
                            <p class="anuphan-2 m-0">Estimated Balance:</p>
                            
                        </div>

                        <div class="d-flex py-2 add-radius pointer" onclick="toggleContextMenu('.w-ctx-menu2')">
                            <h4 class="m-0 bold-text roboto">

                                <b class="uw-bal">$<?= $row['acct_balance'] ?></b> <span class="uw-tkn"></span>

                            </h4>
                        
                        </div>

                    </div>


                    



                    <div class="row mt-4">
                        <div class="col-4 pr-2">
                            <a href="./withdraw.php">
                                <button class="py-2 xsmall2 anuphan-2">Withdraw</button>
                            </a>
                        </div>
                        
                        
                    </div>
                </div>

                <!-- ======================= -->
                <div class="p-0 pb-3 add-radius-3">
                    <h5 class="anuphan-2 mt-5 mb-4">
                        Markets
                        <i class="material-icons grey-color-3 ml-2 secondary-bg add-radius-sm p-1" style="font-size: 16px;">chevron_right</i>
                    </h5>
                    <div class="row">
                        <div class="col-4">
                            <p class="xsmall">
                                Name
                                <svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="grey">
                                    <path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z" />
                                </svg>
                            </p>
                        </div>
                        <div class="col-4">
                            <p class="xsmall">
                                Price
                                <svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="grey">
                                    <path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z" />
                                </svg>
                            </p>
                        </div>
                        <div class="col-4">
                            <p class="xsmall">
                                24H Change
                                <svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="grey">
                                    <path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <div class="coin-list-displ-wrp">

                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <h5 class="anuphan-2 m-0 mt-5">More</h5>
                <div class="post-box shadow-none mt-4">
                    <div class="d-flex align-items-center">
                        <div>
                            <svg height="25px" width="23px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2h16v21l-4-4-4 4-4-4-4 4V2z" fill="url(#orders-g_svg__paint0_linear)"></path>
                                <path d="M14 6H6v2h8V6zM18 6h-2v2h2V6zM6 10h8v2H6v-2zM18 10h-2v2h2v-2zM6 14h8v2H6v-2zM18 14h-2v2h2v-2z" fill="#76808F"></path>
                                <defs>
                                    <linearGradient id="orders-g_svg__paint0_linear" x1="12" y1="23" x2="12" y2="2" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#F0B90B"></stop>
                                        <stop offset="1" stop-color="#F8D33A"></stop>
                                    </linearGradient>
                                </defs>
                            </svg>
                        </div>
                        <div class="ml-3">
                            <p class="anuphan-2 m-0">Open Orders</p>
                            <p class="xsmall2 grey-color-3 m-0">
                                View all deposit and withdrawal orders
                            </p>
                        </div>
                    </div>
                </div>
                <div class="post-box mt-3 shadow-none">
                    <div class="d-flex align-items-center">
                        <div>
                            <svg height="25px" width="23px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.987 4.391l2.066 1.195 2.672-.16 1.818 3.149-1.474 2.232v2.386l1.474 2.232-1.818 3.15-2.672-.16-2.066 1.194L13.792 22h-3.636L8.96 19.609l-2.066-1.195-2.672.16-1.818-3.149 1.474-2.232v-2.386L2.404 8.575l1.818-3.15 2.672.16L8.96 4.392 10.155 2h3.637l1.195 2.391zm-2.99 2.155a5.454 5.454 0 110 10.909 5.454 5.454 0 010-10.91z" fill="url(#settings-cog-g_svg__paint0_linear)"></path>
                                <path d="M9.27 12l2.727-2.727L14.725 12l-2.728 2.727L9.27 12z" fill="#76808F"></path>
                                <defs>
                                    <linearGradient id="settings-cog-g_svg__paint0_linear" x1="11.974" y1="22" x2="11.974" y2="2" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#F0B90B"></stop>
                                        <stop offset="1" stop-color="#F8D33A"></stop>
                                    </linearGradient>
                                </defs>
                            </svg>
                        </div>
                        <div class="ml-3">
                            <p class="anuphan-2 m-0">OTC Trades</p>
                            <p class="xsmall2 grey-color-3 m-0">
                                (0) currently open trades
                            </p>
                            <a href="./otc.php" class="primary-color xsmall2" style="text-decoration: underline !important;">
                                Start new trade
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<br>
















<!-- Js -->
<script src="https://cdn.jsdelivr.net/npm/localstorage-slim"></script>
<script>
    $(document).ready(() => {
        var listedAssets = [{
                'name': 'Bitcoin',
                'symbol': 'btc',
                'cg_id': 'bitcoin'
            },
            {
                'name': 'BNB',
                'symbol': 'bnb',
                'cg_id': 'binancecoin'
            },
            {
                'name': 'Ethereum',
                'symbol': 'eth',
                'cg_id': 'ethereum'
            },
            {
                'name': 'Solana',
                'symbol': 'sol',
                'cg_id': 'solana'
            },
            {
                'name': 'Tron',
                'symbol': 'trx',
                'cg_id': 'tron'
            },
            {
                'name': 'Polygon',
                'symbol': 'matic',
                'cg_id': 'matic-network'
            },
            {
                'name': 'Cardano',
                'symbol': 'ada',
                'cg_id': 'cardano'
            },
            // {'name': 'Shiba Inu', 'symbol': 'shib', 'cg_id': 'shiba-inu'},
        ]
        var itemShowing = 0;
        var coinListApi
        var cookieCoinListApi = ls.get('coinListApi'); // get crypto object from browser storage
        // ==>
        async function fetchData() {
            if (cookieCoinListApi != undefined) {
                coinListApi = JSON.parse(cookieCoinListApi);
            }
            if (cookieCoinListApi == undefined) {
                coinIdsList = []
                for (let i = 0; i < listedAssets.length; i++) {
                    coinIdsList.push(listedAssets[i].cg_id)
                }
                var coinListApiSettings = {
                    'async': true,
                    'crossDomain': true,
                    'url': `https://api.coingecko.com/api/v3/simple/price?ids=${coinIdsList.toString()}&vs_currencies=usd&include_24hr_change=true`,
                    'method': 'GET',
                    'headers': {}
                }
                await $.ajax(coinListApiSettings).done(function(res) {
                    coinListApi = res;
                    let data = JSON.stringify(res)
                    let cookie_expire_date = new Date();
                    cookie_expire_date.setTime(cookie_expire_date.getTime() + (120 * 1000)); // 60 seconds
                    ls.set('coinListApi', data, {
                        ttl: 60
                    });
                })
            }
        }
        // ==>
        async function displayFetchedCoins() {
            await fetchData();
            $('.coin-list-displ-wrp').html('');
            for (let i = 0; i < listedAssets.length; i++) {
                // pre-set data
                __asset = coinListApi[listedAssets[i].cg_id]
                var symbol = (listedAssets[i].symbol).toLowerCase();
                var name = listedAssets[i].name;
                var price = __asset.usd;
                var percChange = (__asset.usd_24h_change).toFixed(2);
                var image_path = `
                https://cdn.jsdelivr.net/gh/atomiclabs/cryptocurrency-icons@bea1a9722a8c63169dcc06e86182bf2c55a76bbc/svg/color/${(listedAssets[i].symbol).toLowerCase()}.svg
                `;
                if (percChange > 0) {
                    colorType = 'green-color';
                    sign = '+'
                } else {
                    colorType = 'error-text';
                    sign = ''
                }
                $('.coin-list-displ-wrp').append(
                    `
                    <a href="#">
                        <div class="roboto mb-4">
                            <div class="row">
                                <div class="col-4">
                                    <div class="d-flex">
                                        <img src="${image_path}" alt="${symbol}" style="width: 30px; height: 30px;" class="top-2 d-block" onerror="this.src='https://cdn-icons-png.flaticon.com/512/566/566295.png'">
                                        <div class="flex-fill ml-2">
                                            <p class="xsmall2 m-0 grey-color-3 capitalize" style="font-size:10px">${name}</p>
                                            <p class="xsmall2 m-0 bold-text" style="text-transform: uppercase">${symbol}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="mt-2 top-2">
                                        <p class="xsmall m-0">$${price}</p>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="mt-2 top-2">
                                        <p class="xsmall m-0 ${colorType}">${sign}${percChange + '%'}</p>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </a>
                    `
                )
            }
        }
        displayFetchedCoins();
    })

    function changeExpandIcon(e) {
        var collapseElem = $('#ub-dm')[0];

        if (collapseElem.classList.contains('show')) {
            $(e).html('expand_more')
        } else {
            $(e).html('keyboard_arrow_up')
        }
    }

    function setWalletBalance(tokenSymbol, balance) {
        $('.uw-bal').html(balance);
        $('.uw-tkn').html(tokenSymbol);
        toggleContextMenu('.w-ctx-menu');
        toggleContextMenu('.w-ctx-menu2');

        // Coin to USD
        $.get(`https://min-api.cryptocompare.com/data/price?fsym=${tokenSymbol}&tsyms=USD`, function(data) {
            if (data.Response == 'Error') {
                $('.coin-usd-val').html('$ -.--');
            } else {
                let usd_amount = parseFloat(balance) * data["USD"],
                    final_value = usd_amount
                $('.coin-usd-val').html('$' + final_value.toLocaleString());
            }
        });
    }

    function setFirstCoinToUsd() {
        firstCoinSymbol = ''
        firstCoinBal = ''
        $.get(`https://min-api.cryptocompare.com/data/price?fsym=${firstCoinSymbol}&tsyms=USD`, function(data) {
            if (data.Response == 'Error') {
                $('.coin-usd-val').html('$ -.--');
            } else {
                let usd_amount = parseFloat(firstCoinBal) * data["USD"],
                    final_value = usd_amount
                $('.coin-usd-val').html('$' + final_value.toLocaleString());
            }
        });
    }
    $(document).ready(() => {
        setFirstCoinToUsd()
    })
</script>


</div>
</div>
</div>

<!-- Join trade -->
<div class="modal fade" id="joinTrade" tabindex="-1" aria-labelledby="joinTrade" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content px-md-4 px-3 mx-4 anuphan border-none" style="background: none;">
            <div class="modal-body p-0 dark-bg3 add-radius-sm">
                <div class="d-flex p-3 border-bottom">
                    <p class="m-0 anuphan-3 flex-fill">Join OTC Trade</p>
                    <p class="xsmall top-2 primary-color pointer anuphan-2 m-0" data-dismiss="modal">Cancel</p>
                </div>
                <div class="p-3">
                    <p class="xsmall grey-color-2 mb-0 grey-color anuphan-2">Enter the Transaction ID to join</p>
                    <form action="./join-trade-room.php" method="POST" id="joinEscrowForm">
                        <input type="hidden" name="csrfmiddlewaretoken" value="NbVR3dSJYhJudtPNLTMa7YTNPspcYDKRB9YXT00udqEEj3SEPEJq9OmIZ0zGD5kL">
                        <div class="form-wrapper mt-2 mb-1">
                            <input type="text" name="room-id" id="room_id" class="add-radius-sm" required>
                            <input type="hidden" name="current_url" value="/dashboard/">
                        </div>
                        <small class="error-text anuphan-2 xsmall2 jt-em" style="display: none;">Invalid Transaction ID. Please check and retry</small>
                        <div class="my-4">
                            <button class="xsmall anuphan-2" type="submit">Join trade</button>
                        </div>
                        <div class="loader justify-content-center lpb mt-4 w-100 btn-grey add-radius-sm" style="height: 52px; display: none;">
                            <span class="bar" style="border-radius: 0px;"></span>
                            <span class="bar" style="border-radius: 0px;"></span>
                            <span class="bar" style="border-radius: 0px;"></span>
                            <span class="bar" style="border-radius: 0px;"></span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- JS -->
<script>
    $('#room_id').on('input', () => {
        $('.jt-em').hide();
    })

    $('#joinEscrowForm').on('submit', (e) => {
        e.preventDefault();
        let sbBtn = $('#joinEscrowForm').find('button')[0];
        $(sbBtn).hide();
        $('.lpb').show();
        $.ajax({
            type: "POST",
            url: "./check-room-id.php",
            data: {
                'room-id': $('#room_id').val()
            },
            dataType: "json",
            success: function(res) {
                if (res == 'success') {
                    setTimeout(() => {
                        $('#joinEscrowForm').unbind('submit').submit();
                    }, 500)
                }
                if (res == 'error') {
                    setTimeout(() => {
                        $('.jt-em').show();
                        $('.lpb').hide();
                        $(sbBtn).show();
                    }, 1500)
                }
            }
        });
    })
</script>

<!-- account control panel -->
<div class="account-control-panel-overlay" style="display: none; background: rgba(0, 0, 0, 0.2) !important;" onclick="closeAccountMangt()"></div>
<div class="account-control-panel dark-bg3 shadow-sm p-0" style="padding: 0px; display: none; box-shadow: none; border-radius: 0;">
    <div>
        <div class="border-bottom mb-1">
            <p class="m-0 mt-2 p-3">
                <b><?= $row['acct_email'] ?></b>
            </p>

        </div>

        <a href="./dashboard.php" class="mainWhite">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-3 grey-color-3" style="font-size: 18px">person</i> &nbsp;
                <span>Dashboard</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./security/">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-3 grey-color-3" style="font-size: 18px">lock</i> &nbsp;
                <span>Security</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./settings.php">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-4 grey-color-3" style="font-size: 18px">tune</i> &nbsp;
                <span>Settings</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./profile.php">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-3 grey-color-3" style="font-size: 18px">fact_check</i> &nbsp;
                <span>Identification</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./wallet.php">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-3 grey-color-3" style="font-size: 18px">account_balance_wallet</i> &nbsp;
                <span>Wallet</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./transactions.php">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-4 grey-color-3" style="font-size: 18px">receipt_long</i> &nbsp;
                <span>Orders</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./view-rooms.php">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-4 grey-color-3" style="font-size: 18px">token</i> &nbsp;
                <span>OTC Orders</span>
            </div>
        </a>
        <a class="mainWhite pointer" href="./otc.php">
            <div class="a-p-inner px-3 py-2 pb-3">
                <i class="material-icons top-4 grey-color-3" style="font-size: 18px">swap_horiz</i> &nbsp;
                <span>New OTC Trade</span>
            </div>
        </a>
        <a href="./logout.php">
            <div class="a-p-inner px-3 py-2 pb-3" style="border-radius: 0px 0px 6px 6px;">
                <i class="material-icons-outlined top-4 grey-color-3 mr-2" style="font-size: 18px;">logout</i>
                <small class="xsmall">Sign out</small>
            </div>
        </a>
    </div>
</div>


<script>
    // account management modal
    const accountMangt = (e) => {
        $('.account-control-panel-overlay').fadeIn(150)
        $('.account-control-panel').show('drop', {
            direction: 'up'
        }, 200)
    }
    const closeAccountMangt = (e) => {
        $('.account-control-panel-overlay').fadeOut(150)
        $('.account-control-panel').hide('drop', {
            direction: 'up'
        }, 200)
        $(e).attr('onclick', 'accountMangt(this)')
        $('.accountMangtBtn').each(function() {
            $(this).attr('onclick', 'accountMangt(this)')
        })
    }
</script>

<!-- jS -->
<script src="<?= $web_url ?>/static/docs/js/main.js"></script>
<script src="<?= $web_url ?>/static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="<?= $web_url ?>/static/assets/plugin/jquery/jquery-ui.min.js"></script>

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
    var _smartsupp = _smartsupp || {};
    _smartsupp.key = 'f4dcb7cdc93a72cda95a70d7dc8e84ae650029d5';
    window.smartsupp || (function(d) {
        var s, c, o = smartsupp = function() {
            o._.push(arguments)
        };
        o._ = [];
        s = d.getElementsByTagName('script')[0];
        c = d.createElement('script');
        c.type = 'text/javascript';
        c.charset = 'utf-8';
        c.async = true;
        c.src = 'https://www.smartsuppchat.com/loader.js?';
        s.parentNode.insertBefore(c, s);
    })(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
</body>

</html>