{% extends "base.html" %}
{% block title %}Strona główna - RouterOS Update{% endblock %}
{% block content %}
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 80vh;">
    <div class="text-center">
      <img id="logo-img" src="https://mikrotik.com/logo/assets/logo-colors-dark-ToiqSI6u.svg" alt="Mikrotik Logo" class="img-fluid" style="max-width: 200px;">
      <h1 class="mt-3">Witamy w RouterOS Update</h1>
      <p class="lead">Zarządzaj aktualizacjami swoich urządzeń RouterOS w prosty sposób.</p>
      <div class="mt-4">
        <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg me-3">Login</a>
        <a href="{{ url_for('register') }}" class="btn btn-success btn-lg">Rejestracja</a>
      </div>
    </div>
</div>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    const darkModeToggle = document.getElementById('darkModeToggle');

    function updatePrismTheme() {
      const prismLink = document.getElementById('prism-style');
      if (prismLink) {
        if (localStorage.getItem("darkMode") === "enabled") {
          prismLink.setAttribute('href', 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css');
        } else {
          prismLink.setAttribute('href', 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-coy.min.css');
        }
      }
    }

    function updateTheme() {
      if (localStorage.getItem("darkMode") === "enabled") {
        document.body.classList.add("dark-mode");
        document.body.classList.remove("light-mode");
        darkModeToggle.checked = true;
      } else {
        document.body.classList.add("light-mode");
        document.body.classList.remove("dark-mode");
        darkModeToggle.checked = false;
      }
      updatePrismTheme();
      updateLogoImage();
    }

    // Nowa funkcja: dynamicznie aktualizuje logo, jeśli element istnieje
    function updateLogoImage() {
      const logo = document.getElementById("logo-img");
      if (logo) {
        if (localStorage.getItem("darkMode") === "enabled") {
          logo.src = "https://mikrotik.com/logo/assets/logo-colors-white-E8duxH7y.svg";
        } else {
          logo.src = "https://mikrotik.com/logo/assets/logo-colors-dark-ToiqSI6u.svg";
        }
      }
    }

    darkModeToggle.addEventListener('change', function() {
      if (this.checked) {
        localStorage.setItem("darkMode", "enabled");
      } else {
        localStorage.setItem("darkMode", "disabled");
      }
      updateTheme();
    });
    updateTheme();
  });
</script>

{% endblock %}