<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Dataplicity IoT Router Status</title>
  <link rel="stylesheet" href="/_router/assets/router.css" />
</head>
<body class="wormhole-body">
  <div class="wormhole-stage">
    <header class="wormhole-brand">
      <div class="wormhole-brand__logo">
        <img src="/_router/assets/dataplicity-wordmark-inverted.svg" alt="Dataplicity" />
      </div>
      <h1 class="wormhole-brand__title">IOT Router</h1>
    </header>
  <main class="wormhole-card" role="main" aria-live="polite">
    <div class="router-locale" role="group" aria-label="Language">
      <label class="router-locale__label" for="router-locale-select">Language</label>
      <select
        id="router-locale-select"
        class="router-locale__select"
        onchange="routerSetLocale(this.value)"
      >
        <option value="en" selected>English</option>
        <option value="de">Deutsch</option>
        <option value="es">Español</option>
        <option value="pl">Polski</option>
        <option value="pt">Português (Portugal)</option>
        <option value="zh">中文</option>
      </select>
    </div>
      <div class="wormhole-card__body">
        <div class="status-eyebrow">Control</div>
        <div class="status-row">
          <span class="status-pill status-pill--success">Online</span>
          <span class="status-pill status-pill--success">Peers online</span>
        
        </div>
      </div>
    </main>
  </div>
  <script>
    function routerSetLocale(code) {
      var expires = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString();
      document.cookie =
        "dataplicity_locale=" +
        encodeURIComponent(code) +
        "; expires=" +
        expires +
        "; path=/; SameSite=Lax";
      window.location.reload();
    }
  </script>
</body>
</html>
