 <?php require ("header.php") ?>




<!--============START====SELL===========================-->

<?php


if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['action_S'])) { 

    // Ensure user is logged in
    if (!isset($_SESSION['SESS_USERID'])) {
        echo "Error: User not logged in!";
        exit();
    }

    $userId = $_SESSION['SESS_USERID'];

    // Fetch user balance and email
    $stmt = $pdo->prepare("SELECT balance, email FROM logins WHERE id = :id");
    $stmt->execute(['id' => $userId]);
    $user = $stmt->fetch(PDO::FETCH_ASSOC);

    if (!$user) {
        echo "Error: User not found!";
        exit();
    }

    // Assign balance and email
    $user_bal = floatval($user['balance']);
    $email = $user['email'];

    // Sanitize & validate input
    $tamount = isset($_POST['tamount']) ? floatval($_POST['tamount']) : 0;
    $plan = $_POST['plan'] ?? '';
    $asset = $_POST['asset'] ?? '';
    $lots = intval($_POST['lots'] ?? 0);
    $time = $_POST['time'] ?? '';
    $signa = $_POST['signa'] ?? '';
    $optionr = $_POST['optionr'] ?? '';
    $entrytime = $_POST['date'] ?? '';
    $expiryt = $_POST['expiryt'] ?? '';
    $user_rate = isset($_POST['user_rate']) ? floatval($_POST['user_rate']) : 1;
    $user_cur = $_POST['user_cur'] ?? '';
    $user_iprofit = isset($_POST['user_iprofit']) ? floatval($_POST['user_iprofit']) : 0;

    // Ensure all required values are provided
    // if ($tamount <= 0 || empty($asset) || empty($plan) || empty($entrytime) || empty($expiryt)) {
    //     echo "<script>alert('Invalid input values!'); window.location.href = 'index.php';</script>";
    //     exit();
    // }

    // Debugging: Print values
    // echo "<pre>";
    // echo "User ID: $userId\n";
    // echo "Balance: $user_bal\n";
    // echo "Trade Amount: $tamount\n";
    // echo "User Rate: $user_rate\n";
    // echo "</pre>";

    // Generate random rates
    $renterr = mt_rand(100000, 150000) / 100000;
    $rrate = mt_rand(100000, 150000) / 100000;

    // Calculate new balance
    $bala = $user_bal - $tamount;

    if ($user_bal >= $tamount) {
        try {
            // Begin transaction
            $pdo->beginTransaction();

            // Insert trade record
            $sql = $pdo->prepare("INSERT INTO trade (log_id, email, asset, lot, optionr, invested, duratn, entryrate, rate, entrytime, expirytime, status, user_cur, user_bal, user_iprofit, signa, returnr, plan, date, user_rate) 
                VALUES (:id, :email, :asset, :lots, :optionr, :tamount, :time, :renterr, :rrate, :entrytime, :expiryt, 0, :user_cur, :bala, :user_iprofit, :signa, 0.00, :plan, :entrytime, :user_rate)");

            $tradeSuccess = $sql->execute([
                'id' => $userId,
                'email' => $email,
                'asset' => $asset,
                'lots' => $lots,
                'optionr' => $optionr,
                'tamount' => $tamount,
                'time' => $time,
                'renterr' => $renterr,
                'rrate' => $rrate,
                'entrytime' => $entrytime,
                'expiryt' => $expiryt,
                'user_cur' => $user_cur,
                'bala' => $bala,
                'user_iprofit' => $user_iprofit,
                'signa' => $signa,
                'plan' => $plan,
                'user_rate' => $user_rate
            ]);

            if ($tradeSuccess) {
                // Update user balance
                $update = $pdo->prepare("UPDATE logins SET balance = :bala, trade_amt = :tamount WHERE id = :id");
                $update->execute([
                    'bala' => $bala,
                    'tamount' => $tamount,
                    'id' => $userId
                ]);

                // Commit transaction
                $pdo->commit();

                echo "<script>
                    alert('You have (SOLD) a Trade successfully!!!');
                    window.location.href = 'trade_history.php';
                </script>";
            } else {
                throw new Exception("Trade insertion failed.");
            }
        } catch (Exception $e) {
            $pdo->rollBack();
            echo "<script>alert('Error: " . $e->getMessage() . "');</script>";
        }
    } else {
        echo "<script>
            alert('Insufficient balance!');
            window.location.href = 'index.php';
        </script>";
    }
}
?>



<!--============END====SELL===========================-->




<!--============START====BUY===========================-->

<?php


if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['action_B'])) { 

    // Ensure user is logged in
    if (!isset($_SESSION['SESS_USERID'])) {
        echo "Error: User not logged in!";
        exit();
    }

    $userId = $_SESSION['SESS_USERID'];

    // Fetch user balance and email
    $stmt = $pdo->prepare("SELECT balance, email FROM logins WHERE id = :id");
    $stmt->execute(['id' => $userId]);
    $user = $stmt->fetch(PDO::FETCH_ASSOC);

    if (!$user) {
        echo "Error: User not found!";
        exit();
    }

    // Assign balance and email
    $user_bal = floatval($user['balance']);
    $email = $user['email'];

    // Sanitize & validate input
    $tamount = isset($_POST['tamount']) ? floatval($_POST['tamount']) : 0;
    $plan = $_POST['plan'] ?? '';
    $asset = $_POST['asset'] ?? '';
    $lots = intval($_POST['lots'] ?? 0);
    $time = $_POST['time'] ?? '';
    $signa = $_POST['signa'] ?? '';
    $optionr = $_POST['optionr'] ?? '';
    $entrytime = $_POST['date'] ?? '';
    $expiryt = $_POST['expiryt'] ?? '';
    $user_rate = isset($_POST['user_rate']) ? floatval($_POST['user_rate']) : 1;
    $user_cur = $_POST['user_cur'] ?? '';
    $user_iprofit = isset($_POST['user_iprofit']) ? floatval($_POST['user_iprofit']) : 0;

    // Ensure all required values are provided
    // if ($tamount <= 0 || empty($asset) || empty($plan) || empty($entrytime) || empty($expiryt)) {
    //     echo "<script>alert('Invalid input values!'); window.location.href = 'index.php';</script>";
    //     exit();
    // }

    // Debugging: Print values
    // echo "<pre>";
    // echo "User ID: $userId\n";
    // echo "Balance: $user_bal\n";
    // echo "Trade Amount: $tamount\n";
    // echo "User Rate: $user_rate\n";
    // echo "</pre>";

    // Generate random rates
    $renterr = mt_rand(100000, 150000) / 100000;
    $rrate = mt_rand(100000, 150000) / 100000;

    // Calculate new balance
    $bala = $user_bal - $tamount;

    if ($user_bal >= $tamount) {
        try {
            // Begin transaction
            $pdo->beginTransaction();

            // Insert trade record
            $sql = $pdo->prepare("INSERT INTO trade (log_id, email, asset, lot, optionr, invested, duratn, entryrate, rate, entrytime, expirytime, status, user_cur, user_bal, user_iprofit, signa, returnr, plan, date, user_rate) 
                VALUES (:id, :email, :asset, :lots, :optionr, :tamount, :time, :renterr, :rrate, :entrytime, :expiryt, 0, :user_cur, :bala, :user_iprofit, :signa, 0.00, :plan, :entrytime, :user_rate)");

            $tradeSuccess = $sql->execute([
                'id' => $userId,
                'email' => $email,
                'asset' => $asset,
                'lots' => $lots,
                'optionr' => $optionr,
                'tamount' => $tamount,
                'time' => $time,
                'renterr' => $renterr,
                'rrate' => $rrate,
                'entrytime' => $entrytime,
                'expiryt' => $expiryt,
                'user_cur' => $user_cur,
                'bala' => $bala,
                'user_iprofit' => $user_iprofit,
                'signa' => $signa,
                'plan' => $plan,
                'user_rate' => $user_rate
            ]);

             if ($tradeSuccess) {
                // Update user balance
                $update = $pdo->prepare("UPDATE logins SET balance = :bala, trade_amt = :tamount WHERE id = :id");
                $update->execute([
                    'bala' => $bala,
                    'tamount' => $tamount,
                    'id' => $userId
                ]);

                // Commit transaction
                $pdo->commit();

                echo "<script>
                    alert('You have (BOUGHT) a Trade successfully!!!');
                    window.location.href = 'trade_history.php';
                </script>";
            } else {
                throw new Exception("Trade insertion failed.");
            }
        } catch (Exception $e) {
            $pdo->rollBack();
            echo "<script>alert('Error: " . $e->getMessage() . "');</script>";
        }
    } else {
        echo "<script>
            alert('Insufficient balance!');
            window.location.href = 'index.php';
        </script>";
    }
}
?>


<!--============END==BUY=================================-->







<div class="main-panel">

<div class="content-wrapper bg-dark">



<div class="row">
    <div class="col-md-12 grid-margin">
        <div class="d-flex justify-content-between flex-wrap">
            <div class="align-items-end flex-wrap">
                <div class="me-md-3 me-xl-5">
                    <span style="font-size:22px">Welcome, <?php echo $username ?>!</span>
                    
                    
                </div><br />
                <div class="d-flex">
                    <i class="fa fa-home text-muted hover-cursor"></i>
                    <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;Dashboard</p>
                </div>
            </div>
            <div class="d-flex justify-content-between align-items-end flex-wrap">
                
                
                
                
               



                <button type="button" onclick="window.location='auto.php'"
                    class="btn btn-light bg-white btn-icon me-3 mt-2 mt-xl-0">
                    <?php 
                    // Auto status icon
                    echo ($auto == 1) 
                        ? "<h5><img src='on.gif' width=40 height=40 /></h5>" 
                        : "<h5><img src='off.png' width=40 height=40 /></h5>";
                    ?>
                </button>

               <button class="btn btn-primary" style="height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 10px;" onclick="window.location='signals.php'">
    <div class="wallet-balance" style="display: flex; align-items: center; gap: 8px;">
        <img style="height: 24px;" src="
            <?php 
                if($signa=='0'){ echo 'tools/0signa.png'; }
                elseif($signa > 0 && $signa < 31){ echo 'tools/1signa.png'; }
                elseif($signa >= 31 && $signa < 61){ echo 'tools/2signa.png'; }
                elseif($signa >= 61 && $signa <= 100){ echo 'tools/3signa.png'; }
                elseif($signa == '404'){ echo 'tools/offsigna.png'; }
            ?>
        ">
        <span style="font-size: 16px; font-weight: 500;">
            <?php 
                if($signa == '404'){ echo 'OFF'; }
                else { echo $signa . ' %'; }
            ?>
        </span>
    </div>
</button>

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

<!-- Success/Error Messages -->
<div class="mt-4">
    <?php if(isset($success_B)) echo $success_B; ?>
    <?php if(isset($error_B)) echo $error_B; ?>
</div>
<div class="mt-4">
    <?php if(isset($success_S)) echo $success_S; ?>
    <?php if(isset($error_S)) echo $error_S; ?>
</div>


    
            <!--================ALERT==BOARD=======================-->

 <?php
// Ensure user session is set
if (!isset($_SESSION['SESS_USERID'])) {
    die("Unauthorized access!");
}

$id = $_SESSION['SESS_USERID'];

// Fetch user details securely
$stmt = $pdo->prepare("SELECT nztitle, nznote, newz FROM logins WHERE id = :id");
$stmt->execute(['id' => $id]);
$userData = $stmt->fetch(PDO::FETCH_ASSOC);

if ($userData) {
    $nztitle = htmlspecialchars($userData['nztitle']);
    $nznote = htmlspecialchars($userData['nznote']);
    $newz = $userData['newz'];
}
?>

<!-- Include the news widget script only if newz == 1 -->
<?php if (!empty($newz) && $newz == 1): ?>
    <script type="text/javascript" src="news/embede/sttwidget.min.js"></script>
<?php endif; ?>


    
<div id="SttHeadlineNews_unique_ID"></div>
<script type="text/javascript">
        new SttHeadlineNews().create({
            width: "100%",
            height: "20px",
            title: "<?php echo ($nztitle) ?>", // Banner Title portion
            titleBackground: "e31238", // Background color of the title
            titleColor: "fff", // Text color of the title
            headline: "<?php echo ($nznote) ?>", // Banner content portion
            headlineBackground: "ccc", // Background color of the Headline title
            headlineColor: "000", // Text color of the Headline title
            // textLink: "index.php", 
            // Target link to send visitors to
            asynchTarget: "SttHeadlineNews_unique_ID", // ID of the HTML element where this widget get displayed
        });
</script>    


<!--============END=============================================-->


<!--============Start=trade============================================-->
<?php
require_once "header.php"; // has config.php and session start

if (!isset($_SESSION['SESS_USERID'])) {
    die("Unauthorized access!");
}

$userId = $_SESSION['SESS_USERID'];

// Fetch the latest forex trade for this user
$stmt = $pdo->prepare("
    SELECT id, asset, plan, invested, returnr, expirytime 
    FROM trade 
    WHERE log_id = :id 
      AND plan = 'forex'
    ORDER BY id DESC 
    LIMIT 1
");
$stmt->execute(['id' => $userId]);
$lastTrade = $stmt->fetch(PDO::FETCH_ASSOC);

$currentAsset = $lastTrade['asset'] ?? 'EURUSD';
$currentPlan  = $lastTrade['plan'] ?? 'forex';
$invested     = $lastTrade['invested'] ?? 0;
$returnRate   = $lastTrade['returnr'] ?? 0;
$expiryTime   = isset($lastTrade['expirytime']) ? strtotime($lastTrade['expirytime']) * 1000 : 0;
$tradeId      = $lastTrade['id'] ?? 0;
?>

<div style="color:white; background:#203a43; padding:5px; display:flex; justify-content:space-between;">
    <div>Asset: <strong id="assetName"><?php echo htmlspecialchars($currentAsset); ?></strong></div>
    <div>Timeframe: <strong id="timeframeLabel"></strong></div>
    <div>Invested: <strong>$<?php echo number_format($invested, 2); ?></strong></div>
    <div>Time Left: <strong id="timeRemaining"></strong></div>
</div>

<div class="tradingview-widget-container" 
     style="background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
            padding: 3px; border-radius: 15px; width: 100%;">
    <div id="tradingview_chart" style="width:100%; height:500px;"></div>
</div>

<script src="https://s3.tradingview.com/tv.js"></script>
<script>
    let assetType = "<?php echo htmlspecialchars($currentAsset); ?>";
    let planType  = "<?php echo htmlspecialchars($currentPlan); ?>";
    let invested  = <?php echo (float)$invested; ?>;
    let returnRate = <?php echo (float)$returnRate; ?>;
    let expiryTime = <?php echo (int)$expiryTime; ?>;
    let tradeId    = <?php echo (int)$tradeId; ?>;

    let symbol = assetType.toUpperCase();
    let timeframe = "1D";

    // If asset is a keyword like "Scalping" or "Swing", map it
    if (!/^[A-Z]{6}$/.test(symbol)) {
        if (assetType.toLowerCase() === "scalping") {
            symbol = "EURUSD";
            timeframe = "1";
        } else if (assetType.toLowerCase() === "swing") {
            symbol = "GBPUSD";
            timeframe = "1W";
        }
    }

    // Update label
    document.getElementById('timeframeLabel').innerText = timeframe;

    new TradingView.widget({
        "width": "100%",
        "height": 500,
        "symbol": symbol,
        "interval": timeframe,
        "timezone": "Etc/UTC",
        "theme": "dark",
        "style": "1",
        "locale": "en",
        "backgroundColor": "rgba(0,0,0,0)",
        "toolbar_bg": "#203a43",
        "hide_side_toolbar": false,
        "container_id": "tradingview_chart"
    });

    // Countdown timer
    let countdownTimer;
    let tradeClosed = false;

    function updateCountdown() {
        let now = new Date().getTime();
        let remaining = expiryTime - now;

        if (remaining <= 0 && !tradeClosed) {
            document.getElementById('timeRemaining').innerText = "Trade ended";
            clearInterval(countdownTimer);
            stopTrade();
            tradeClosed = true;
            return;
        }

        if (remaining > 0) {
            let minutes = Math.floor((remaining % (1000 * 60 * 60)) / (1000 * 60));
            let seconds = Math.floor((remaining % (1000 * 60)) / 1000);
            document.getElementById('timeRemaining').innerText = 
                `${minutes}m ${seconds}s`;
        }
    }

    function stopTrade() {
        let profit = invested + (invested * returnRate / 100);

        fetch("update_trade.php", {
            method: "POST",
            headers: { "Content-Type": "application/x-www-form-urlencoded" },
            body: `trade_id=${tradeId}&profit=${profit}`
        })
        .then(res => res.text())
        .then(data => {
            alert(`Trade closed. Profit: $${profit.toFixed(2)}\n${data}`);
        });
    }

    countdownTimer = setInterval(updateCountdown, 1000);
    updateCountdown();
</script>


<!-- TradingView Widget END -->
<!--============END=============================================-->

<hr>







                    <div style="background-color: rgba(0, 0, 0, 0.311); width:100%; height:auto;" class="mb-4">
                        <div
                            style="width: 100%; height: auto; padding:10px 20px 0px 20px; margin-top:0px; background-color: rgba(0,0,0,0); z-index: 2;">
                            <br>
                            <div class="tradingview-widget-container" style="margin-top: -30px;">
                                <div class="tradingview-widget-container__widget"></div>
                                <script type="text/javascript"
                                    src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js"
                                    async>
                                        {
                                            "symbols": [{
                                                "proName": "FOREXCOM:SPXUSD",
                                                "title": "S&P 500"
                                            },
                                            {
                                                "proName": "FOREXCOM:NSXUSD",
                                                "title": "Nasdaq 100"
                                            },
                                            {
                                                "proName": "FX_IDC:EURUSD",
                                                "title": "EUR/USD"
                                            },
                                            {
                                                "proName": "BITSTAMP:BTCUSD",
                                                "title": "BTC/USD"
                                            },
                                            {
                                                "proName": "BITSTAMP:ETHUSD",
                                                "title": "ETH/USD"
                                            }
                                            ],
                                                "colorTheme": "dark",
                                                    "isTransparent": true,
                                                        "displayMode": "regular",
                                                            "locale": "en"
                                        }
                                    </script>
                            </div>
                        </div>
                    </div>


                    <div class="row">

                        



                                                <div class="mb-5">

                            <a href="forex.php?unit=fx" class="unit-link-active">FOREX</a> |
                            
                            <a href="crypto.php?unit=crypto" class="unit-link">CRYPTO</a> |
                            
                            <a href="stock.php?unit=stock" class="unit-link">STOCK</a> 
                            
                            <!--<a href="dashboard.php?unit=stock" class="unit-link">Stock</a>-->
                            <!--|-->
                            <!--<a href="dashboard.php?unit=futures" class="unit-link">Futures</a>-->

                        </div>
                        
                        

                        <div class="col-md-12 grid-margin">
                            <div class="card">
                                    <span>FOREX</span>
                                   
                                    <a href="#"
                                        style="display: inline-block !important; visibility: hidden; float: right;"
                                        id="showStakeModalBtn" class="text-warning" data-toggle="modal"
                                        data-target="#stakeModal"><i class="fa fa-plus"></i> Stake</a>


                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                     <div class="row mt-4">  
                        
                        
                        

                        <div class="col-md-3 col-6 p-2">
                        <div style="background-color: rgba(0, 0, 0, 0.354);">
                        <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                            
                                            
                                            
                                            
                                                {
                                                    "symbol": "FX:EURUSD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURUSD"
                                            data-symbol="EURUSD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURUSD"
                                            data-symbol="EURUSD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:GBPUSD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:GBPUSD"
                                            data-symbol="GBPUSD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:GBPUSD"
                                            data-symbol="GBPUSD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDJPY"
                                            data-symbol="USDJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDJPY"
                                            data-symbol="USDJPY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:AUDUSD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:AUDUSD"
                                            data-symbol="AUDUSD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:AUDUSD"
                                            data-symbol="AUDUSD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDCAD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDCAD"
                                            data-symbol="USDCAD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDCAD"
                                            data-symbol="USDCAD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDCHF",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDCHF"
                                            data-symbol="USDCHF">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDCHF"
                                            data-symbol="USDCHF">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:NZDUSD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:NZDUSD"
                                            data-symbol="NZDUSD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:NZDUSD"
                                            data-symbol="NZDUSD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURAUD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURAUD"
                                            data-symbol="EURAUD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURAUD"
                                            data-symbol="EURAUD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURCHF",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURCHF"
                                            data-symbol="AEURCHFAPL">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURCHF"
                                            data-symbol="AEURCHFAPL">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:AUDCAD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:AUDCAD"
                                            data-symbol="AUDCAD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:AUDCAD"
                                            data-symbol="AUDCAD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURCAD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURCAD"
                                            data-symbol="EURCAD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURCAD"
                                            data-symbol="EURCAD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:AUDCHF",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:AUDCHF"
                                            data-symbol="AUDCHF">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:AUDCHF"
                                            data-symbol="AUDCHF">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:GBPCHF",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:GBPCHF"
                                            data-symbol="GBPCHF">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:GBPCHF"
                                            data-symbol="GBPCHF">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:CADCHF",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:CADCHF"
                                            data-symbol="CADCHF">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:CADCHF"
                                            data-symbol="CADCHF">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:GBPAUD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:GBPAUD"
                                            data-symbol="GBPAUD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:GBPAUD"
                                            data-symbol="GBPAUD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURGBP",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURGBP"
                                            data-symbol="EURGBP">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURGBP"
                                            data-symbol="EURGBP">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:GBPCAD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:GBPCAD"
                                            data-symbol="GBPCAD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:GBPCAD"
                                            data-symbol="GBPCAD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURJPY"
                                            data-symbol="EURJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURJPY"
                                            data-symbol="EURJPY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:GBPJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:GBPJPY"
                                            data-symbol="GBPJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:GBPJPY"
                                            data-symbol="GBPJPY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:CADJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:CADJPY"
                                            data-symbol="CADJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:CADJPY"
                                            data-symbol="CADJPY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:CHFJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:CHFJPY"
                                            data-symbol="CHFJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:CHFJPY"
                                            data-symbol="CHFJPY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:AUDJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:AUDJPY"
                                            data-symbol="AUDJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:AUDJPY"
                                            data-symbol="AUDJPY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURTRY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURTRY"
                                            data-symbol="EURTRY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURTRY"
                                            data-symbol="EURTRY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDTRY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>
                                    
                                    
                                    
                                    
                                    
                                    
                                  



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDTRY"
                                            data-symbol="USDTRY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDTRY"
                                            data-symbol="USDTRY">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:NZDCHF",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:NZDCHF"
                                            data-symbol="NZDCHF">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:NZDCHF"
                                            data-symbol="NZDCHF">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURNZD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURNZD"
                                            data-symbol="EURNZD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURNZD"
                                            data-symbol="EURNZD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:AUDNZD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:AUDNZD"
                                            data-symbol="AUDNZD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:AUDNZD"
                                            data-symbol="AUDNZD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:NZDCAD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:NZDCAD"
                                            data-symbol="NZDCAD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:NZDCAD"
                                            data-symbol="NZDCAD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:GBPNZD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:GBPNZD"
                                            data-symbol="GBPNZD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:GBPNZD"
                                            data-symbol="GBPNZD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDSGD",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDSGD"
                                            data-symbol="USDSGD">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDSGD"
                                            data-symbol="USDSGD">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDNOK",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDNOK"
                                            data-symbol="USDNOK">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDNOK"
                                            data-symbol="USDNOK">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURSEK",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURSEK"
                                            data-symbol="EURSEK">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURSEK"
                                            data-symbol="EURSEK">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDMXN",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDMXN"
                                            data-symbol="USDMXN">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDMXN"
                                            data-symbol="USDMXN">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDPLN",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDPLN"
                                            data-symbol="USDPLN">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDPLN"
                                            data-symbol="USDPLN">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDDKK",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDDKK"
                                            data-symbol="USDDKK">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDDKK"
                                            data-symbol="USDDKK">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:EURNOK",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:EURNOK"
                                            data-symbol="EURNOK">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:EURNOK"
                                            data-symbol="EURNOK">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDSEK",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDSEK"
                                            data-symbol="USDSEK">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDSEK"
                                            data-symbol="USDSEK">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:USDZAR",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:USDZAR"
                                            data-symbol="USDZAR">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:USDZAR"
                                            data-symbol="USDZAR">SELL
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <br>
                        </div>
                        <div class="col-md-3 col-6 p-2">
                            <div style="background-color: rgba(0, 0, 0, 0.354);">
                                <div>

                                    <!-- TradingView Widget BEGIN -->
                                    <div class="tradingview-widget-container"
                                        style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                        <div class="tradingview-widget-container__widget"></div>
                                        <script type="text/javascript"
                                            src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                            async>
                                                {
                                                    "symbol": "FX:NZDJPY",
                                                        "width": "100%",
                                                            "height": "150",
                                                                "locale": "en",
                                                                    "dateRange": "1M",
                                                                        "colorTheme": "dark",
                                                                            "trendLineColor": "rgba(255, 152, 0, 1)",
                                                                                "underLineColor": "rgba(255, 255, 0, 0.3)",
                                                                                    "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                                                        "isTransparent": false,
                                                                                            "autosize": false,
                                                                                                "largeChartUrl": ""
                                                }
                                            </script>
                                    </div>



                                    <div class="d-flex flex-row">
                                        <div class="trade-buy-btn w-100" id="trade-buy-btn" data-tv-symbol="FX:NZDJPY"
                                            data-symbol="NZDJPY">BUY
                                        </div>
                                        <div class="trade-sell-btn w-100" id="trade-sell-btn" data-tv-symbol="FX:NZDJPY"
                                            data-symbol="NZDJPY">SELL
                                        </div>
                                    </div>

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





                   
                                       
                                       
                                       
                                       
                                       
                                       
                                       



              <!--=================BUY======================-->
                    <div class="modal fade" id="buy-trade-modal" tabindex="-1" role="dialog"
                        aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false"
                        data-backdrop="static" style="margin-top: -100px;">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-body pb-4">

                                    <div id="buychart" class="w-100">
                                        <p id="tradeBuySymbolName"></p>
                                        <div class="tradingview-widget-container"
                                            style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                            <div class="tradingview-widget-container__widget"></div>
                                        </div>
                                    </div>
                                   
                                   
                                  
                                   
                                   
                                
                                  
                                  
                                 <form action="<?= htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST">
    <div class="w-100">
        <div class="row mt-3">
            <!-- Amount Input -->
            <div class="col-md-4 col-4">
                <input type="number" name="tamount" class="trade-input" placeholder="Amount" required>
            </div>

            <!-- Units Select -->
            <div class="col-4">
                <select class="trade-input" name="lots" id="buy-units" required>
                    <option value="">Units</option>
                    <?php for ($i = 1; $i <= 10; $i++): ?>
                        <option value="<?= $i; ?>"><?= $i; ?></option>
                    <?php endfor; ?>
                </select>
            </div>

            <!-- Time Select -->
            <div class="col-md-4 col-4">
                <select class="trade-input" name="time" required>
                    <option value="1 minute">1 minute</option>
                    <option value="3 minutes">3 minutes</option>
                    <option value="5 minutes">5 minutes</option>
                    <option value="10 minutes">10 minutes</option>
                    <option value="15 minutes">15 minutes</option>
                    <option value="30 minutes">30 minutes</option>
                    <option value="45 minutes">45 minutes</option>
                    <option value="60 minutes">1 hour</option>
                    <option value="120 minutes">2 hours</option>
                    <option value="1440 minutes">1 day</option>
                </select>
            </div>
        </div>

        <div class="w-100 mt-3 text-center">
            <p class="text-success">YOU ARE BUYING THE UNDERLYING ASSET</p>
        </div>

        <!-- Hidden Inputs -->
        <input type="hidden" name="user_iprofit" value="<?= htmlspecialchars($iprofit); ?>">
        <input type="hidden" name="user_cur" value="<?= htmlspecialchars($currency); ?>">
        <input type="hidden" name="user_bal" value="<?= htmlspecialchars($user_bal); ?>">
        <input type="hidden" name="user_rate" value="<?= htmlspecialchars($cur_rate); ?>">
        <input type="hidden" name="plan" value="Forex">
        <input type="hidden" name="signa" value="<?= htmlspecialchars($signa); ?>">
        <input type="hidden" name="asset" id="buy-symbol">
        <input type="hidden" name="optionr" value="buy">
        <input type="hidden" name="status" value="0">
         <input type="hidden" name="returnr" value="0.0">
        <input type="hidden" name="date" value="<?= date("jS F Y g.iA"); ?>" readonly>

        <!-- Submit Button -->
        <button name="action_B" class="btn btn-md w-100 mt-2 text-white" id="buy-trade-btn" style="background-color: rgb(31, 105, 84);">
            OPEN THIS TRADE
        </button>
    </div>
</form>

                                    
                                    
                                    
                                    
                                    
                                    

                                    
                                        
                                        
                                        

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

                  <!--================END=BUY======================-->






            
            <!--=================SELL======================-->

                    <div class="modal fade" id="sell-trade-modal" tabindex="-1" role="dialog"
                        aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false"
                        data-backdrop="static" style="margin-top: -100px;">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-body pb-4">
                                    <div id="sellchart" class="w-100">
                                        <p id="tradeSellSymbolName"></p>
                                        <div class="tradingview-widget-container"
                                            style="height: 150px; border: solid 1px rgb(89, 89, 89)">
                                            <div class="tradingview-widget-container__widget"></div>
                                        </div>
                                    </div>



                                 <form action="<?= htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST">
    <div class="w-100">
        <div class="row mt-3">
            <!-- Amount Input -->
            <div class="col-md-4 col-4">
                <input type="number" name="tamount" class="trade-input" placeholder="Amount" required>
            </div>

            <!-- Units Select -->
            <div class="col-4">
                <select class="trade-input" name="lots" id="sell-units" required>
                    <option value="">Units</option>
                    <?php for ($i = 1; $i <= 10; $i++): ?>
                        <option value="<?= $i; ?>"><?= $i; ?></option>
                    <?php endfor; ?>
                </select>
            </div>

            <!-- Time Select -->
            <div class="col-md-4 col-4">
                <select class="trade-input" name="time" required>
                    <option value="1 minute">1 minute</option>
                    <option value="3 minutes">3 minutes</option>
                    <option value="5 minutes">5 minutes</option>
                    <option value="10 minutes">10 minutes</option>
                    <option value="15 minutes">15 minutes</option>
                    <option value="30 minutes">30 minutes</option>
                    <option value="45 minutes">45 minutes</option>
                    <option value="60 minutes">1 hour</option>
                    <option value="120 minutes">2 hours</option>
                    <option value="1440 minutes">1 day</option>
                </select>
            </div>
        </div>
    </div>

    <div class="w-100 mt-3 text-center">
        <p class="text-danger">YOU ARE SELLING THE UNDERLYING ASSET</p>
    </div>

    <!-- Hidden Inputs -->
    <input type="hidden" name="user_iprofit" value="<?= htmlspecialchars($iprofit); ?>">
    <input type="hidden" name="user_cur" value="<?= htmlspecialchars($currency); ?>">
    <input type="hidden" name="user_bal" value="<?= htmlspecialchars($user_bal); ?>">
    <input type="hidden" name="user_rate" value="<?= htmlspecialchars($cur_rate); ?>">
    <input type="hidden" name="plan" value="Forex">
    <input type="hidden" name="signa" value="<?= htmlspecialchars($signa); ?>">
    <input type="hidden" name="asset" id="sell-symbol">
    <input type="hidden" name="optionr" value="sell">
    <input type="hidden" name="status" value="0">
    <input type="hidden" name="returnr" value="0.0">
    <input type="hidden" name="date" value="<?= date("jS F Y g.iA"); ?>" readonly>

    <!-- Submit Button -->
    <button name="action_S" class="btn btn-md w-100 mt-2 text-white" id="sell-trade-btn"
        style="background-color: rgba(196, 61, 41, 0.997);">
        OPEN THIS TRADE
    </button>
</form>

                                    
                                 
                                </div>
                            </div>
                        </div>
                    </div>
             <!--===============END==SELL======================-->                       
                                    
                                    
                                    
                                    
                                    
                                    

                                    

                                   
                    
                     <!-- TradingView Widget BEGIN -->
<!--<div class="tradingview-widget-container" style="height:100%;width:100%">-->
<!--  <div class="tradingview-widget-container__widget" style="height:calc(100% - 32px);width:100%"></div>-->
<!--  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>-->
<!--  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js" async>-->
<!--  {-->
<!--  "autosize": true,-->
<!--  "symbol": "OANDA:XAUUSD",-->
<!--  "interval": "D",-->
<!--  "timezone": "Etc/UTC",-->
<!--  "theme": "dark",-->
<!--  "style": "1",-->
<!--  "locale": "en",-->
<!--  "hide_top_toolbar": true,-->
<!--  "allow_symbol_change": true,-->
<!--  "save_image": false,-->
<!--  "calendar": false,-->
<!--  "support_host": "https://www.tradingview.com"-->
<!--}-->
<!--  </script>-->
<!--</div>-->
<!-- TradingView Widget END -->
 

                    <script>
                        $(document).ready(function () {

                            $(document).on('click', '#buy-trade-btn', function () {
                                if ($("#buy-amount").val() == '') {
                                    Notiflix.Notify.failure('The amount field is required');
                                }

                                if ($("#buy-units").val() == '') {
                                    Notiflix.Notify.failure('The units field is required');
                                }

                                if ($("#buy-amount").val() !== '' && $("#buy-units").val() !== '') {
                                    if (parseInt($("#buy-amount").val()) > 50000 ) {
                                        Notiflix.Notify.failure('Insufficient Balance');
                                    } else {
                                        Notiflix.Confirm.show(
                                            'Confirm',
                                            'You are about to open ' + $('#buy-symbol').val() + ' trade ',
                                            'Yes',
                                            'No',
                                            () => {
                                                $('#buy-trade-form').submit()
                                            },
                                        );
                                    }

                                }
                            });

                            $(document).on('click', '#sell-trade-btn', function () {
                                if ($("#sell-amount").val() == '') {
                                    Notiflix.Notify.failure('The amount field is required');
                                }

                                if ($("#sell-units").val() == '') {
                                    Notiflix.Notify.failure('The units field is required');
                                }

                                if ($("#sell-amount").val() !== '' && $("#sell-units").val() !== '') {
                                    if (parseInt($("#sell-amount").val()) > 50000 ) {
                                        Notiflix.Notify.failure('Insufficient Balance');
                                    } else {
                                        Notiflix.Confirm.show(
                                            'Confirm',
                                            'You are about to open ' + $('#sell-symbol').val() + ' trade ',
                                            'Yes',
                                            'No',
                                            () => {
                                                $('#sell-trade-form').submit()
                                            },
                                        );
                                    }

                                }
                            });

                            $(document).on('submit', '#buy-trade-form', function (e) {

                                e.preventDefault();
                                $("#buy-trade-btn").prop("disabled", true);

                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });

                                $.ajax({
                                    url: "trade.php",
                                    type: "POST",
                                    data: new FormData(this),
                                    contentType: false, // The content type used when sending data to the server.
                                    cache: false, // To unable request pages to be cached
                                    processData: false,
                                    success: function (e) {
                                        Notiflix.Report.success(
                                            'Placed',
                                            e + '<br><br>',
                                            'Okay',
                                            () => {
                                                window.location.href = "trade_history.php"
                                            }
                                        );
                                    },
                                    error: function (e) {
                                        if (e.status === 422) {
                                            Object.entries(e.responseJSON.errors).forEach(element => {
                                                Notiflix.Notify.failure(element[1][0]);
                                            });
                                        }
                                        if (e.status === 400) {
                                            Notiflix.Notify.failure(e.responseJSON.message);
                                        }
                                        $("#buy-trade-btn").prop("disabled", false);
                                    }
                                });
                            })

                            $(document).on('submit', '#sell-trade-form', function (e) {

                                e.preventDefault();
                                $("#sell-trade-btn").prop("disabled", true);

                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });

                                $.ajax({
                                    url: "trade.php",
                                    type: "POST",
                                    data: new FormData(this),
                                    contentType: false, // The content type used when sending data to the server.
                                    cache: false, // To unable request pages to be cached
                                    processData: false,
                                    success: function (e) {
                                        Notiflix.Report.success(
                                            'Placed',
                                            e + '<br><br>',
                                            'Okay',
                                            () => {
                                                window.location.href = "trade_history.php"
                                            }
                                        );
                                    },
                                    error: function (e) {
                                        if (e.status === 422) {
                                            Object.entries(e.responseJSON.errors).forEach(element => {
                                                Notiflix.Notify.failure(element[1][0]);
                                            });
                                        }
                                        if (e.status === 400) {
                                            Notiflix.Notify.failure(e.responseJSON.message);
                                        }
                                        $("#sell-trade-btn").prop("disabled", false);
                                    }
                                });
                            })

                            $(document).on('click', '#trade-buy-btn', function () {
                                let e_ = $(this);

                                var my_awesome_script = document.createElement('script');

                                my_awesome_script.setAttribute('src',
                                    "https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js");
                                my_awesome_script.textContent = `
                    {
                    "symbol": "${e_.data('tv-symbol')}",
                    "width": "100%",
                    "colorTheme": "dark",
                    "isTransparent": false,
                    "locale": "en"
                    }
                `;
                                my_awesome_script.async = true
                                document.querySelector('#buychart div').appendChild(my_awesome_script);
                                $('#tradeBuySymbolName').html(e_.data('symbol'))
                                $('#buy-symbol').val(e_.data('symbol'))
                                $('#buy-trade-modal').modal('show');
                            })

                            $(document).on('click', '#trade-sell-btn', function () {
                                let e_ = $(this);

                                var my_awesome_script = document.createElement('script');

                                my_awesome_script.setAttribute('src',
                                    "https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js");
                                my_awesome_script.textContent = `
                    {
                    "symbol": "${e_.data('tv-symbol')}",
                    "width": "100%",
                    "colorTheme": "dark",
                    "isTransparent": false,
                    "locale": "en"
                    }
                `;
                                my_awesome_script.async = true
                                document.querySelector('#sellchart div').appendChild(my_awesome_script);
                                $('#tradeSellSymbolName').html(e_.data('symbol'))
                                $('#sell-symbol').val(e_.data('symbol'))
                                $('#sell-trade-modal').modal('show');
                            })

                            $(document).on('click', '#close-trade-modal', function () {
                                $('#buy-trade-modal').modal('hide');
                                $('#sell-trade-modal').modal('hide');
                                $('#tradeBuySymbolName').html('');
                                $('#tradeSellSymbolName').html('');
                                $('#buychart div').html('');
                                $('#sellchart div').html('');
                                $('#buy-symbol').val('')
                                $('#sell-symbol').val('')
                                $('#buy-amount').val('')
                                $('#sell-amount').val('')
                                $('#buy-units').val('')
                                $('#sell-units').val('')
                            })

                        });

  // Toastify({
        //     text: "This is a toast",
        //     duration: 3000,
        //     destination: "https://github.com/apvarun/toastify-js",
        //     newWindow: true,
        //     close: true,
        //     gravity: "top", // `top` or `bottom`
        //     position: "left", // `left`, `center` or `right`
        //     stopOnFocus: true, // Prevents dismissing of toast on hover
        //     style: {
        //         background: "linear-gradient(to right, #00b09b, #96c93d)",
        //     },
        //     onClick: function() {} // Callback after click
        // }).showToast();
                    </script>

 </div>

 </div>
 </div> 
 </div>
       </div>    
              </div> </div> </div>
            <!-- main-panel ends -->
            
            
            
      

  <?php require ("footer.php") ?>