<!--
................................................................................
................................................................................
[&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@/,,,,,,,,,,,,,,*@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@*,/@&@@@@@@@%%%@@@@%@@@@@@&@@@@#,,@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&@@@@@@@,*@&&&@@@@@@@@@@@,.@@@@@@@@@@,,,*@@@#@@@@@#,@@@@@@&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&@@@@@@,@@&&@@(/@@@(*@..%..@@ . ..@@@@@@@@@@@. @@@@@@@@@@@,@@@@@@&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&@@@@@,@@@@#/@,@@@@@ @@   @@@ ..@@@.  .@.(&.@@/   .@@@@@#/#@@@@,/@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&@@@@@,@&@@@@*.  # #. @@@@ *     (..@@@@@,.@. /  @@@@. @@@@@@@/,(@@@@,@@@@@&&&&&&&&&&&&
&&&&&&&&&&&&@@@@#/@@%@@@@, @@@* . &.@@@@ @@. @@@@. @@ *@@@@@@.  .@@@@, %@@@@@@,*@@@@@,@@@@&&&&&&&&&&
&&&&&&&&&&&@@@/&@@%@@@@. @@@@.@@@@&  @.*  @@@& @@@@@@@@@@@@@@@@@ @@@@@@@#..@@@@@,,@@@@@,@@@@&&&&&&&&
&&&&&&&&&@@@@,@@@(@@@,.@@@  @@@@@@@@@@& @@@@@@ @@@ @@@@/ %@@@@@@@@@@@@@@@@@*.@@@@@@@@@@@&#@@@&&&&&&&
&&&&&&&&@@@,@@@@/@@@.%@@@@@@@@.@@@@@@@# @@@@@@@@@,.(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,@@@@&&&&&
&&&&&&@@@@,@@@&*@@@ @@@@@@@@@@  @@@@@@@ @@@@@@@@/,@@@@@@@@@@@@@@@@@@@@@@ .@@@@@@@@@  @@@@@@/@@@@&&&&
&&&&&@@@@/@@@//@@( @@@@@@@@@@@ . @@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@@@@  .@@@@@@@@@@@@@@@@@@@#@@@&&&
&&&&@@@@/@@@/#@@# @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ /@@@@ @@@&@@@@@@@@&#@@@@@@@@@@ @@@@@@@@@@&@@@&&
&&&&@@@,@@@/@@@@.&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@/ @@  @@@@@@@@@@@@@@@@@@ @@@@@@@@(@@*@@@@&
&&&@@@,@@@/*@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@..@@@@@@@@ @@@@@@@@@@@@@@@ @@@@ @  @@@@@@@*(@@,@@@&
&&&@@@*@@@*@@@/@@@@@@@@@@@@@@  @ @@@@@@@@@@@@@@@@@ @@@@@@@ &@ # @@@@@  @@/ @@ @@@@@@@@@@@@@@/%@@@@@@
&&@@@,@@@(@@@@@@@@@@@@@@@@@@  @% @@@@@@@@@@@@@@@@@@&       @@@ @@@&@@  %@@@@@@@@@@@@@@@@@@@@@(@@,@@@
&&&@@,@@&#@@@@@@@   % *@@@@  @@ @@@@@@@@@@@@@@@@@@@@@@@ @ @@@   #@@@@@@@@@@@@@@@@@@@@@@@..@@@(&@,@@@
&&@@@,@@#@@@@@@@ @@@@. @@@@  @ @@@@@@@@@@@@@@@@@ @@@@ @@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/.@@@(#@,@@@
&&&@@,@@#@@@@@@@@@@@@ &@@@.  .@@@@@@@@@@@@@  @@# @ @ @ /@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@&.@@@(#@,@@@
&&@@@,@@%/@@@@@@@@@@@ @@@@  @@@@@@@@  @ @@@ @@%%@@@@@@@@@@@@@@@@@@@@@@@@  @@ @@@@*.@@@@@,.@@@(@@,@@@
&&&@@@%@@(@@@@@@@@@@,    @ @@@@@@@  @@&&@@@#.@@@@@@@@@@@@@@@@@@@*       ,@& @@@@@.@@@@@@.@@@@#@@(@@@
&&&@@@,@@@@@@@@@  (@ @@@@ @@@@@@@( @@ @@@@@@@@@@@@@@@@@@@@@%.@@@@  ,@@@@@ (@@@@%.@@@@@@.@@@@(@@,@@@@
&&&@@@@,@@@@@@@ @@@  @@@@ @@@@@@@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@. .@@@,.  @@@@@@..@@@@@@.(@@@/%@@@@@@&
&&&&@@@&@@@@@@@ &@@ @@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(..@@@@@@@@.(@@@/&@@,@@@&&
&&&&&@@@/@@@@@@@   @@@@@@ @@@@@@@@@@@@@@@@@@@@  @@@@  @@@@@@@@@@@@@@@@..,@@@@@@@@@@@.@@@@/@@@,@@@&&&
&&&&&&@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@   @@@@    @@@@@@@@@@@@@@@@@@@@@@@@@@..@@@*/@@@,@@@&&&&
&&&&&&&@@@@,@@@@@@@@@@@@  @@@@@@@@#@@@@@@@@.  @ @@@@      @@@@@@@@@@@@@@@@@@@@@@..@@@@*@@@*@@@@&&&&&
&&&&&&&&@@@@,@@@@@@@@@@@@ @@@@@@@@& @@@@@@.  %.*@@@@.     @@@@@@@@.      @@@@@*.@@@#*%@@@,@@@@&&&&&&
&&&&&&&&&&@@@@,@@@@@@@@@@@ &@@@@@@@@@@. &@@@@@@@@&@@@.. @@@@@@#.  %,  . @@@@. @@@,*@@@@,@@@@&&&&&&&&
&&&&&&&&&&&@@@@@,@@@@@@@@@@@@@@@@@@@@@@@@    @@&   @@@@@%   %@@@@@@%  @@@ .@@@@,/@@@@,@@@@@&&&&&&&&&
&&&&&&&&&&&&&@@@@@,%@@@@@@@@@@@@@@(@.  ,@@@@@@@@@@@@@@@@@@@@   #@@. @@%.@@@@,*@@@@@,@@@@@&&&&&&&&&&&
&&&&&&&&&&&&&&&&@@@@@,@@@@@@@@@@( @@.@@@@@.    .......... .@@@.@@. ,@.(@@,*@@@@@,@@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&@@@@@@,/@@@%@@*#@@.@@@@..@@@@.#@@@@ @@@@.@@@.@@  @@*@@#%@@@,@@@@@@&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&@@@@@@@,,@@@@@@(@@@@,#@@@@.#@@@@,@@@,@@@**@@/#@%&@@#,@@@@@@@&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@,,@@&&&%%@@@@@(@@@@(#@%((@@@%@@@@@,,@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@&,,,,%@@@@@@&@@@&*,,,%@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&]
................................................................................
................................................................................
-->
<!doctypehtml><html lang="en"><meta charset="UTF-8"><meta name="viewport"content="width=device-width,initial-scale=1"><title>Liquidity Pools</title><link rel="stylesheet"type="text/css"href="../src/styles.css"><link rel="stylesheet"type="text/css"href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css"><link rel="stylesheet"type="text/css"href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css"><style>body {
            font-family: 'Inconsolata', sans-serif;
            font-size: 16px;
            text-align: center;
        }
        
        .tab-content {
            position: relative;
        }
        
        .tab-spinner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
         
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 100;
            display: none;
        }
        
        .spinner {
            width: 40px;
            height: 40px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .loading-text {
            margin-left: 10px;
            font-size: 16px;
            color: #999;
        }</style><body><script src="https://code.jquery.com/jquery-3.5.1.min.js"></script><script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script><script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script src="https://cdn.plot.ly/plotly-latest.min.js"></script><script src="https://d3js.org/d3.v7.min.js"></script><script src="../src/scriptsDP.js"></script><script>// Show loading spinner for specific tab
        function showTabLoading(tabName) {
            $(`#${tabName} .tab-spinner`).css('display', 'flex');
        }
        
        // Hide loading spinner for specific tab
        function hideTabLoading(tabName) {
            $(`#${tabName} .tab-spinner`).css('display', 'none');
        }

        // Initialize DataTables with responsive options for all tables
        const dataTableOptions = {
            responsive: true,
            destroy: true
        };

        $(document).ready(function () {
            // Load HSUITE/SILK table by default
            openTab('hsuiteDex');
        });

        // Function to open a tab
        function openTab(tabName) {
            $(".tab-content").css("display", "none");
            $("#" + tabName).css("display", "block");
            
            showTabLoading(tabName);
            updateDataTable(tabName);
        }

        // Function to dynamically update DataTable based on the active tab
        function updateDataTable(tabName) {
            // Destroy DataTable if already initialized
            if ($.fn.DataTable.isDataTable(`#${tabName}Table`)) {
                $(`#${tabName}Table`).DataTable().destroy();
            }

            switch (tabName) {
                case 'v1':
                    fetchAndPopulateDataV1()
                        .then(() => $(`#${tabName}Table`).DataTable(dataTableOptions))
                        .finally(() => hideTabLoading(tabName));
                    break;
                case 'v2':
                    fetchAndPopulateDataV2()
                        .then(() => $(`#${tabName}Table`).DataTable(dataTableOptions))
                        .finally(() => hideTabLoading(tabName));
                    break;
                case 'hsuiteDex':
                    fetchAndPopulateHsuiteDexData()
                        .then(() => $(`#${tabName}Table`).DataTable(dataTableOptions))
                        .finally(() => hideTabLoading(tabName));
                    break;
                case 'nftDex':
                    fetchAndPopulateNftDexData()
                        .then(() => $(`#${tabName}Table`).DataTable(dataTableOptions))
                        .finally(() => hideTabLoading(tabName));
                    break;
                default:
                    hideTabLoading(tabName);
                    break;
            }
        }</script><div class="tabs-container"><a href="javascript:void(0);"class="tab-link"onclick="openTab('v1')">SSV1 Pools</a> <a href="javascript:void(0);"class="tab-link"onclick="openTab('v2')">SSV2 Pools</a> <a href="javascript:void(0);"class="tab-link"onclick="openTab('hsuiteDex')">HSUITE/SILK</a> <a href="javascript:void(0);"class="tab-link"onclick="openTab('nftDex')">NFT DEX</a></div><div id="funnelChart"width="100%"></div><div id="v1"class="tab-content"><div class="tab-spinner"><div class="spinner"></div><div class="loading-text">Loading V1 Data...</div></div><label>LIQUIDITY POOLS - SSV1</label><table id="liquidityTableV1"class="display responsive"><thead><tr><th>Pair<th>Token A<th>Token B<th>Liquidity (USD)<th>Volume (24h)<th>Fees (24h)<th>APY<tbody></table></div><div id="v2"class="tab-content"><div class="tab-spinner"><div class="spinner"></div><div class="loading-text">Loading V2 Data...</div></div><label>LIQUIDITY POOLS - SSV2</label><table id="liquidityTableV2"class="display responsive"><thead><tr><th>Pair<th>Token A<th>Token B<th>Liquidity (USD)<th>Volume (24h)<th>Fees (24h)<th>APY<tbody></table></div><div id="hsuiteDex"class="tab-content"><div class="tab-spinner"><div class="spinner"></div><div class="loading-text">Loading HSUITE Data...</div></div><label>LIQUIDITY POOLS - HSUITE</label><table id="hsuiteDexTable"class="display responsive"></table></div><div id="nftDex"class="tab-content"><div class="tab-spinner"><div class="spinner"></div><div class="loading-text">Loading NFT Data...</div></div><label>LIQUIDITY POOLS - NFT DEX</label><table id="nftDexTable"class="display responsive"></table></div>
<!--
................................................................................
................................................................................
[&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@/,,,,,,,,,,,,,,*@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@*,/@&@@@@@@@%%%@@@@%@@@@@@&@@@@#,,@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&@@@@@@@,*@&&&@@@@@@@@@@@,.@@@@@@@@@@,,,*@@@#@@@@@#,@@@@@@&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&@@@@@@,@@&&@@(/@@@(*@..%..@@ . ..@@@@@@@@@@@. @@@@@@@@@@@,@@@@@@&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&@@@@@,@@@@#/@,@@@@@ @@   @@@ ..@@@.  .@.(&.@@/   .@@@@@#/#@@@@,/@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&@@@@@,@&@@@@*.  # #. @@@@ *     (..@@@@@,.@. /  @@@@. @@@@@@@/,(@@@@,@@@@@&&&&&&&&&&&&
&&&&&&&&&&&&@@@@#/@@%@@@@, @@@* . &.@@@@ @@. @@@@. @@ *@@@@@@.  .@@@@, %@@@@@@,*@@@@@,@@@@&&&&&&&&&&
&&&&&&&&&&&@@@/&@@%@@@@. @@@@.@@@@&  @.*  @@@& @@@@@@@@@@@@@@@@@ @@@@@@@#..@@@@@,,@@@@@,@@@@&&&&&&&&
&&&&&&&&&@@@@,@@@(@@@,.@@@  @@@@@@@@@@& @@@@@@ @@@ @@@@/ %@@@@@@@@@@@@@@@@@*.@@@@@@@@@@@&#@@@&&&&&&&
&&&&&&&&@@@,@@@@/@@@.%@@@@@@@@.@@@@@@@# @@@@@@@@@,.(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,@@@@&&&&&
&&&&&&@@@@,@@@&*@@@ @@@@@@@@@@  @@@@@@@ @@@@@@@@/,@@@@@@@@@@@@@@@@@@@@@@ .@@@@@@@@@  @@@@@@/@@@@&&&&
&&&&&@@@@/@@@//@@( @@@@@@@@@@@ . @@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@@@@  .@@@@@@@@@@@@@@@@@@@#@@@&&&
&&&&@@@@/@@@/#@@# @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ /@@@@ @@@&@@@@@@@@&#@@@@@@@@@@ @@@@@@@@@@&@@@&&
&&&&@@@,@@@/@@@@.&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@/ @@  @@@@@@@@@@@@@@@@@@ @@@@@@@@(@@*@@@@&
&&&@@@,@@@/*@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@..@@@@@@@@ @@@@@@@@@@@@@@@ @@@@ @  @@@@@@@*(@@,@@@&
&&&@@@*@@@*@@@/@@@@@@@@@@@@@@  @ @@@@@@@@@@@@@@@@@ @@@@@@@ &@ # @@@@@  @@/ @@ @@@@@@@@@@@@@@/%@@@@@@
&&@@@,@@@(@@@@@@@@@@@@@@@@@@  @% @@@@@@@@@@@@@@@@@@&       @@@ @@@&@@  %@@@@@@@@@@@@@@@@@@@@@(@@,@@@
&&&@@,@@&#@@@@@@@   % *@@@@  @@ @@@@@@@@@@@@@@@@@@@@@@@ @ @@@   #@@@@@@@@@@@@@@@@@@@@@@@..@@@(&@,@@@
&&@@@,@@#@@@@@@@ @@@@. @@@@  @ @@@@@@@@@@@@@@@@@ @@@@ @@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/.@@@(#@,@@@
&&&@@,@@#@@@@@@@@@@@@ &@@@.  .@@@@@@@@@@@@@  @@# @ @ @ /@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@&.@@@(#@,@@@
&&@@@,@@%/@@@@@@@@@@@ @@@@  @@@@@@@@  @ @@@ @@%%@@@@@@@@@@@@@@@@@@@@@@@@  @@ @@@@*.@@@@@,.@@@(@@,@@@
&&&@@@%@@(@@@@@@@@@@,    @ @@@@@@@  @@&&@@@#.@@@@@@@@@@@@@@@@@@@*       ,@& @@@@@.@@@@@@.@@@@#@@(@@@
&&&@@@,@@@@@@@@@  (@ @@@@ @@@@@@@( @@ @@@@@@@@@@@@@@@@@@@@@%.@@@@  ,@@@@@ (@@@@%.@@@@@@.@@@@(@@,@@@@
&&&@@@@,@@@@@@@ @@@  @@@@ @@@@@@@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@. .@@@,.  @@@@@@..@@@@@@.(@@@/%@@@@@@&
&&&&@@@&@@@@@@@ &@@ @@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(..@@@@@@@@.(@@@/&@@,@@@&&
&&&&&@@@/@@@@@@@   @@@@@@ @@@@@@@@@@@@@@@@@@@@  @@@@  @@@@@@@@@@@@@@@@..,@@@@@@@@@@@.@@@@/@@@,@@@&&&
&&&&&&@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@   @@@@    @@@@@@@@@@@@@@@@@@@@@@@@@@..@@@*/@@@,@@@&&&&
&&&&&&&@@@@,@@@@@@@@@@@@  @@@@@@@@#@@@@@@@@.  @ @@@@      @@@@@@@@@@@@@@@@@@@@@@..@@@@*@@@*@@@@&&&&&
&&&&&&&&@@@@,@@@@@@@@@@@@ @@@@@@@@& @@@@@@.  %.*@@@@.     @@@@@@@@.      @@@@@*.@@@#*%@@@,@@@@&&&&&&
&&&&&&&&&&@@@@,@@@@@@@@@@@ &@@@@@@@@@@. &@@@@@@@@&@@@.. @@@@@@#.  %,  . @@@@. @@@,*@@@@,@@@@&&&&&&&&
&&&&&&&&&&&@@@@@,@@@@@@@@@@@@@@@@@@@@@@@@    @@&   @@@@@%   %@@@@@@%  @@@ .@@@@,/@@@@,@@@@@&&&&&&&&&
&&&&&&&&&&&&&@@@@@,%@@@@@@@@@@@@@@(@.  ,@@@@@@@@@@@@@@@@@@@@   #@@. @@%.@@@@,*@@@@@,@@@@@&&&&&&&&&&&
&&&&&&&&&&&&&&&&@@@@@,@@@@@@@@@@( @@.@@@@@.    .......... .@@@.@@. ,@.(@@,*@@@@@,@@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&@@@@@@,/@@@%@@*#@@.@@@@..@@@@.#@@@@ @@@@.@@@.@@  @@*@@#%@@@,@@@@@@&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&@@@@@@@,,@@@@@@(@@@@,#@@@@.#@@@@,@@@,@@@**@@/#@%&@@#,@@@@@@@&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@,,@@&&&%%@@@@@(@@@@(#@%((@@@%@@@@@,,@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@&,,,,%@@@@@@&@@@&*,,,%@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&]
................................................................................
................................................................................
-->