@props(['latestTrades'])
@if (Auth::user()->trades->count() > 0)
    
@endif
<div class="card" style="height: 450px; margin-bottom:50px;">
    <div class="card-body h-100">
        <div class="tradingview-widget-container">
            <div id="tradingview_cdda2"></div>
            <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
            <div id="tv_chart_container"></div>
            <script>
                window.onload = function() {
                    new TradingView.widget({
                        "width": "100%",
                        "height": "100%",
                        "symbol": "NASDAQ:AAPL",
                        "interval": "D",
                        "timezone": "Etc/UTC",
                        "theme": "light",
                        "style": "1",
                        "locale": "en",
                        "toolbar_bg": "#f1f3f6",
                        "enable_publishing": false,
                        "allow_symbol_change": true,
                        "container_id": "tradingview_cdda2"
                    });
                };
                document.getElementById("color-mode-dark").addEventListener("click", themeDark);

                function themeDark() {
                    new TradingView.widget({
                        "width": "100%",
                        "height": "100%",
                        "symbol": "NASDAQ:AAPL",
                        "interval": "D",
                        "timezone": "Etc/UTC",
                        "theme": "dark",
                        "style": "1",
                        "locale": "en",
                        "toolbar_bg": "#f1f3f6",
                        "enable_publishing": false,
                        "allow_symbol_change": true,
                        "container_id": "tradingview_cdda2"
                    });
                }

                document.getElementById("color-mode-light").addEventListener("click", themeLight);

                function themeLight() {
                    new TradingView.widget({
                        "width": "100%",
                        "height": "100%",
                        "symbol": "NASDAQ:AAPL",
                        "interval": "D",
                        "timezone": "Etc/UTC",
                        "theme": "light",
                        "style": "1",
                        "locale": "en",
                        "toolbar_bg": "#f1f3f6",
                        "enable_publishing": false,
                        "allow_symbol_change": true,
                        "container_id": "tradingview_cdda2"
                    });
                }
            </script>
        </div>
    </div>
</div>