---
import ThemeToggle from './ThemeToggle.astro';

const currentPath = Astro.url.pathname;
---

<nav>
  <div class="container">
    <div class="nav-wrapper">
      <div class="nav-brand">
        <img src="/logo-placeholder.svg" alt="DFIR Tools Hub" class="nav-logo" />
        <span style="font-weight: 600; font-size: 1.125rem;">DFIR Tools Hub</span>
      </div>
      
      <ul class="nav-links">
        <li>
          <a href="/" class={`nav-link ${currentPath === '/' ? 'active' : ''}`}>
            ~/
          </a>
        </li>
        <li>
          <a href="/status" class={`nav-link ${currentPath === '/status' ? 'active' : ''}`}>
            ~/status
          </a>
        </li>
        <li>
          <a href="/about" class={`nav-link ${currentPath === '/about' ? 'active' : ''}`}>
            ~/about
          </a>
        </li>
        <li>
          <ThemeToggle />
        </li>
      </ul>
    </div>
  </div>
</nav>