@extends('layouts.front')
@section('content')
    <section class="section mt-50">
        <div class="container">
            <div class="box-business-rd">
                <div class="compare-area py-120">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 mx-auto wow animate__animated animate__fadeInUp" data-wow-delay=".25s">
                                <div class="site-heading text-center">
                                    <span class="font-lg color-gray-500">Compare</span>
                                    <h2 class="site-title color-brand-1 mb-20" data-watermark="compare">Compare <span>Assets</span></h2>
                                </div>
                            </div>
                        </div>
                        <div class="compare-wrapper">
                            <div class="col-md-6 mx-auto wow animate__animated animate__fadeInUp" data-wow-delay=".25s">
                                <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab-compare" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="pills-tab1" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-1" aria-selected="true">Crypto</button>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content mt-5 wow animate__animated animate__fadeInUp" data-wow-delay=".50s" id="pills-tabContent-compare">

                                <div class="tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-tab1" tabindex="0">
                                    <div class="compare-content">
                                        <div class="row">
                                            <div class="col-md-6 col-lg-3">
                                                <div class="compare-item">
                                                    <iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://s.tradingview.com/embed-widget/mini-symbol-overview/?locale=in#%7B%22symbol%22%3A%22COINBASE%3AETHUSD%22%2C%22width%22%3A%22285%22%2C%22height%22%3A%22200%22%2C%22dateRange%22%3A%2212m%22%2C%22colorTheme%22%3A%22dark%22%2C%22trendLineColor%22%3A%22%2337a6ef%22%2C%22underLineColor%22%3A%22rgba(55%2C%20166%2C%20239%2C%200.15)%22%2C%22isTransparent%22%3Afalse%2C%22autosize%22%3Afalse%2C%22largeChartUrl%22%3A%22%22%2C%22utm_source%22%3A%22www.thefuturetrade.com%22%2C%22utm_medium%22%3A%22widget%22%2C%22utm_campaign%22%3A%22mini-symbol-overview%22%7D" style="box-sizing: border-box; height: 200px; width: 100%;"></iframe>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-3">
                                                <div class="compare-item">
                                                    <iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://s.tradingview.com/embed-widget/mini-symbol-overview/?locale=in#%7B%22symbol%22%3A%22COINBASE%3ABTCUSD%22%2C%22width%22%3A%22285%22%2C%22height%22%3A%22200%22%2C%22dateRange%22%3A%2212m%22%2C%22colorTheme%22%3A%22dark%22%2C%22trendLineColor%22%3A%22%2337a6ef%22%2C%22underLineColor%22%3A%22rgba(55%2C%20166%2C%20239%2C%200.15)%22%2C%22isTransparent%22%3Afalse%2C%22autosize%22%3Afalse%2C%22largeChartUrl%22%3A%22%22%2C%22utm_source%22%3A%22www.thefuturetrade.com%22%2C%22utm_medium%22%3A%22widget%22%2C%22utm_campaign%22%3A%22mini-symbol-overview%22%7D" style="box-sizing: border-box; height: 200px; width: 100%;"></iframe>

                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-3">
                                                <div class="compare-item">
                                                    <iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://s.tradingview.com/embed-widget/mini-symbol-overview/?locale=in#%7B%22symbol%22%3A%22KRAKEN%3ALTCUSD%22%2C%22width%22%3A350%2C%22height%22%3A220%2C%22dateRange%22%3A%2212M%22%2C%22colorTheme%22%3A%22dark%22%2C%22trendLineColor%22%3A%22%2337a6ef%22%2C%22underLineColor%22%3A%22rgba(55%2C%20166%2C%20239%2C%200.15)%22%2C%22isTransparent%22%3Afalse%2C%22autosize%22%3Afalse%2C%22largeChartUrl%22%3A%22%22%2C%22utm_source%22%3A%22127.0.0.1%22%2C%22utm_medium%22%3A%22widget_new%22%2C%22utm_campaign%22%3A%22mini-symbol-overview%22%7D" style="box-sizing: border-box;height: 200px;width: 100%;"></iframe>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-3">
                                                <div class="compare-item">
                                                    <iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://s.tradingview.com/embed-widget/mini-symbol-overview/?locale=in#%7B%22symbol%22%3A%22FTX%3ATRXUSD%22%2C%22width%22%3A350%2C%22height%22%3A220%2C%22dateRange%22%3A%2212M%22%2C%22colorTheme%22%3A%22dark%22%2C%22trendLineColor%22%3A%22%2337a6ef%22%2C%22underLineColor%22%3A%22rgba(55%2C%20166%2C%20239%2C%200.15)%22%2C%22isTransparent%22%3Afalse%2C%22autosize%22%3Afalse%2C%22largeChartUrl%22%3A%22%22%2C%22utm_source%22%3A%22127.0.0.1%22%2C%22utm_medium%22%3A%22widget_new%22%2C%22utm_campaign%22%3A%22mini-symbol-overview%22%7D" style="box-sizing: border-box; height: 200px; width: 100%;"></iframe>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

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

    <section class="section mt-50">
        <div class="container">
            <div class="box-business-rd">
                <div class="market-area pb-120">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 mx-auto wow animate__animated animate__fadeInUp" data-wow-delay=".25s">
                                <div class="site-heading text-center">
                                    <span class="site-title-tagline">Market</span>
                                    <h2 class="site-title" data-watermark="market">Market <span>Update</span></h2>
                                </div>
                            </div>
                        </div>
                        <div class="market-wrapper wow animate__animated animate__fadeInUp" data-wow-delay=".50s">
                            <ul class="nav nav-pills mb-3" id="pills-tab-market" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="pills-market-tab1" data-bs-toggle="pill" data-bs-target="#pills-market1" type="button" role="tab" aria-controls="pills-market1" aria-selected="true">Advanced Real Time</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-market-tab2" data-bs-toggle="pill" data-bs-target="#pills-market2" type="button" role="tab" aria-controls="pills-market2" aria-selected="true">Technical Analysis</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-market-tab3" data-bs-toggle="pill" data-bs-target="#pills-market3" type="button" role="tab" aria-controls="pills-market3" aria-selected="true">Market</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-market-tab4" data-bs-toggle="pill" data-bs-target="#pills-market4" type="button" role="tab" aria-controls="pills-market4" aria-selected="true">FX Cross Rates</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-market-tab5" data-bs-toggle="pill" data-bs-target="#pills-market5" type="button" role="tab" aria-controls="pills-market5" aria-selected="true">Crypto Screener</button>
                                </li>
                            </ul>
                            <div class="tab-content mt-4" id="pills-tabContent-market">

                                <div class="tab-pane fade show active" id="pills-market1" role="tabpanel" aria-labelledby="pills-market-tab1" tabindex="0">
                                    <div class="market-table-content">
                                        <div class="market-table table-responsive">
                                            <div class="tradingview-widget-container">
                                                <div id="tradingview_9764a"></div>
                                                <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/symbols/BTCUSD/?exchange=BITBAY" rel="noopener" target="_blank"></a></div>
                                                <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                                                <script type="text/javascript">
                                                    new TradingView.widget(
                                                        {
                                                            "width": "100%",
                                                            "height": 500,
                                                            "symbol": "BITSTAMP:BTCUSD",
                                                            "interval": "D",
                                                            "timezone": "Etc/UTC",
                                                            "theme": "dark",
                                                            "style": "1",
                                                            "locale": "in",
                                                            "toolbar_bg": "#f1f3f6",
                                                            "enable_publishing": false,
                                                            "withdateranges": true,
                                                            "allow_symbol_change": true,
                                                            "details": true,
                                                            "hotlist": true,
                                                            "calendar": true,
                                                            "container_id": "tradingview_9764a"
                                                        }
                                                    );
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="pills-market2" role="tabpanel" aria-labelledby="pills-market-tab2" tabindex="0">
                                    <div class="market-table-content">
                                        <div class="market-table table-responsive">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="tradingview-widget-container">
                                                        <div class="tradingview-widget-container__widget"></div>
                                                        <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/symbols/NASDAQ-AAPL/technicals/" rel="noopener" target="_blank"></a></div>
                                                        <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async>
                                                            {
                                                                "interval": "1D",
                                                                "width": "100%",
                                                                "isTransparent": false,
                                                                "height": "450",
                                                                "symbol": "NASDAQ:AAPL",
                                                                "showIntervalTabs": true,
                                                                "locale": "in",
                                                                "colorTheme": "dark"
                                                            }
                                                        </script>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="tradingview-widget-container">
                                                        <div class="tradingview-widget-container__widget"></div>
                                                        <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/" rel="noopener" target="_blank"></a></div>
                                                        <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async>
                                                            {
                                                                "colorTheme": "dark",
                                                                "dateRange": "12M",
                                                                "showChart": true,
                                                                "locale": "in",
                                                                "width": "100%",
                                                                "height": "100%",
                                                                "largeChartUrl": "",
                                                                "isTransparent": false,
                                                                "showSymbolLogo": true,
                                                                "plotLineColorGrowing": "rgba(33, 150, 243, 1)",
                                                                "plotLineColorFalling": "rgba(33, 150, 243, 1)",
                                                                "gridLineColor": "rgba(240, 243, 250, 1)",
                                                                "scaleFontColor": "rgba(120, 123, 134, 1)",
                                                                "belowLineFillColorGrowing": "rgba(33, 150, 243, 0.12)",
                                                                "belowLineFillColorFalling": "rgba(33, 150, 243, 0.12)",
                                                                "symbolActiveColor": "rgba(33, 150, 243, 0.12)",
                                                                "tabs": [
                                                                {
                                                                    "title": "Indices",
                                                                    "symbols": [
                                                                        {
                                                                            "s": "BITBAY:BTCUSD",
                                                                            "d": "BTC/USD"
                                                                        },
                                                                        {
                                                                            "s": "KRAKEN:BCHUSD",
                                                                            "d": "BCH/USD"
                                                                        },
                                                                        {
                                                                            "s": "KRAKEN:LTCUSD",
                                                                            "d": "LTC/USD"
                                                                        },
                                                                        {
                                                                            "s": "KRAKEN:ETHUSD",
                                                                            "d": "ETH/USD"
                                                                        },
                                                                        {
                                                                            "s": "FTX:TRXUSD",
                                                                            "d": "Tron/USD"
                                                                        },
                                                                        {
                                                                            "s": "BITKUB:USDTTHB",
                                                                            "d": "Tether"
                                                                        }
                                                                    ],
                                                                    "originalTitle": "Indices"
                                                                },
                                                                {
                                                                    "title": "Commodities",
                                                                    "symbols": [
                                                                        {
                                                                            "s": "CME_MINI:ES1!",
                                                                            "d": "S&P 500"
                                                                        },
                                                                        {
                                                                            "s": "CME:6E1!",
                                                                            "d": "Euro"
                                                                        },
                                                                        {
                                                                            "s": "COMEX:GC1!",
                                                                            "d": "Gold"
                                                                        },
                                                                        {
                                                                            "s": "NYMEX:CL1!",
                                                                            "d": "Crude Oil"
                                                                        },
                                                                        {
                                                                            "s": "NYMEX:NG1!",
                                                                            "d": "Natural Gas"
                                                                        },
                                                                        {
                                                                            "s": "CBOT:ZC1!",
                                                                            "d": "Corn"
                                                                        }
                                                                    ],
                                                                    "originalTitle": "Commodities"
                                                                },
                                                                {
                                                                    "title": "Bonds",
                                                                    "symbols": [
                                                                        {
                                                                            "s": "CME:GE1!",
                                                                            "d": "Eurodollar"
                                                                        },
                                                                        {
                                                                            "s": "CBOT:ZB1!",
                                                                            "d": "T-Bond"
                                                                        },
                                                                        {
                                                                            "s": "CBOT:UB1!",
                                                                            "d": "Ultra T-Bond"
                                                                        },
                                                                        {
                                                                            "s": "EUREX:FGBL1!",
                                                                            "d": "Euro Bund"
                                                                        },
                                                                        {
                                                                            "s": "EUREX:FBTP1!",
                                                                            "d": "Euro BTP"
                                                                        },
                                                                        {
                                                                            "s": "EUREX:FGBM1!",
                                                                            "d": "Euro BOBL"
                                                                        }
                                                                    ],
                                                                    "originalTitle": "Bonds"
                                                                },
                                                                {
                                                                    "title": "Forex",
                                                                    "symbols": [
                                                                        {
                                                                            "s": "FX:EURUSD"
                                                                        },
                                                                        {
                                                                            "s": "FX:GBPUSD"
                                                                        },
                                                                        {
                                                                            "s": "FX:USDJPY"
                                                                        },
                                                                        {
                                                                            "s": "FX:USDCHF"
                                                                        },
                                                                        {
                                                                            "s": "FX:AUDUSD"
                                                                        },
                                                                        {
                                                                            "s": "FX:USDCAD"
                                                                        }
                                                                    ],
                                                                    "originalTitle": "Forex"
                                                                }
                                                            ]
                                                            }
                                                        </script>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="pills-market3" role="tabpanel" aria-labelledby="pills-market-tab3" tabindex="0">
                                    <div class="market-table-content">
                                        <div class="market-table table-responsive">
                                            <div class="tradingview-widget-container">
                                                <div class="tradingview-widget-container__widget"></div>
                                                <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/cryptocurrencies/prices-all/" rel="noopener" target="_blank"></a></div>
                                                <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js" async>
                                                    {
                                                        "width": "100%",
                                                        "height": "500",
                                                        "defaultColumn": "overview",
                                                        "screener_type": "crypto_mkt",
                                                        "displayCurrency": "USD",
                                                        "colorTheme": "dark",
                                                        "locale": "in"
                                                    }
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="pills-market4" role="tabpanel" aria-labelledby="pills-market-tab4" tabindex="0">
                                    <div class="market-table-content">
                                        <div class="market-table table-responsive">
                                            <div class="tradingview-widget-container">
                                                <div class="tradingview-widget-container__widget"></div>
                                                <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/currencies/forex-cross-rates/" rel="noopener" target="_blank"></a></div>
                                                <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-forex-cross-rates.js" async>
                                                    {
                                                        "width": "100%",
                                                        "height": 500,
                                                        "currencies": [
                                                        "EUR",
                                                        "USD",
                                                        "JPY",
                                                        "GBP",
                                                        "CHF",
                                                        "AUD",
                                                        "CAD",
                                                        "NZD",
                                                        "CNY"
                                                    ],
                                                        "isTransparent": false,
                                                        "colorTheme": "dark",
                                                        "locale": "in"
                                                    }
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="pills-market5" role="tabpanel" aria-labelledby="pills-market-tab5" tabindex="0">
                                    <div class="market-table-content">
                                        <div class="market-table table-responsive">
                                            <div class="tradingview-widget-container" style="margin: 0 auto;">
                                                <div class="tradingview-widget-container__widget"></div>
                                                <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/crypto-screener/" rel="noopener" target="_blank"></a></div>
                                                <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js" async>
                                                    {
                                                        "width": "100%",
                                                        "height": "500",
                                                        "defaultColumn": "overview",
                                                        "defaultScreen": "ath",
                                                        "market": "crypto",
                                                        "showToolbar": true,
                                                        "colorTheme": "dark",
                                                        "locale": "in"
                                                    }
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
