<?php
$pageTitle   = 'Stocks — dispelled.ca';
$currentPage = 'stocks';

require_once __DIR__ . '/includes/config.php';
require_once __DIR__ . '/includes/header.php';
?>

<h1 class="page-title">Stocks</h1>

<p class="stocks-note">Market data via TradingView.</p>

<div class="stocks-widget">
  <!-- TradingView Market Overview Widget -->
  <div class="tradingview-widget-container">
    <div class="tradingview-widget-container__widget"></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": "en",
      "largeChartUrl": "",
      "isTransparent": true,
      "showSymbolLogo": true,
      "showFloatingTooltip": false,
      "width": "100%",
      "height": "660",
      "tabs": [
        {
          "title": "Indices",
          "symbols": [
            { "s": "FOREXCOM:SPXUSD", "d": "S&P 500 Index" },
            { "s": "FOREXCOM:NSXUSD", "d": "US 100 Cash CFD" },
            { "s": "FOREXCOM:DJI",    "d": "Dow Jones Industrial" },
            { "s": "INDEX:NKY",       "d": "Nikkei 225" },
            { "s": "INDEX:DEU40",     "d": "DAX Index" },
            { "s": "FOREXCOM:UKXGBP", "d": "FTSE 100 Index" }
          ],
          "originalTitle": "Indices"
        },
        {
          "title": "Crypto",
          "symbols": [
            { "s": "BINANCE:BTCUSDT",  "d": "Bitcoin" },
            { "s": "BINANCE:ETHUSDT",  "d": "Ethereum" },
            { "s": "BINANCE:SOLUSDT",  "d": "Solana" },
            { "s": "BINANCE:XRPUSDT",  "d": "XRP" }
          ],
          "originalTitle": "Crypto"
        },
        {
          "title": "Forex",
          "symbols": [
            { "s": "FX:EURUSD", "d": "EUR to USD" },
            { "s": "FX:GBPUSD", "d": "GBP to USD" },
            { "s": "FX:USDJPY", "d": "USD to JPY" },
            { "s": "FX:USDCAD", "d": "USD to CAD" }
          ],
          "originalTitle": "Forex"
        }
      ]
    }
    </script>
  </div>
</div>

<?php require_once __DIR__ . '/includes/footer.php'; ?>
