<!-- HEADER -->
<header class="header" data-header>
<div class="container">
<a href="#" class="logo">Pintera</a>
<nav class="navbar" data-navbar>
    <div class="wrapper">
    <a href="{{ route('dashboard') }}" class="logo">Pintera</a>
    <button class="nav-close-btn" aria-label="close menu" data-nav-toggler><i class="fas fa-times"></i></button>
    </div>    
    <ul class="navbar-list">
        <li class="navbar-item"><a href="#beranda" class="navbar-link" data-nav-link>Beranda</a></li>
        <li class="navbar-item"><a href="#kriteria" class="navbar-link" data-nav-link>Kriteria</a></li>
        <li class="navbar-item"><a href="#tentang" class="navbar-link" data-nav-link>Tentang Sistem</a></li>
        <li class="navbar-item"><a href="#perhitungan" class="navbar-link" data-nav-link>Perhitungan</a></li>
        @if($showHistory ?? false)
        <li class="navbar-item" id="history-nav-item"><a href="#riwayat" class="navbar-link" data-nav-link>Riwayat</a></li>
        @endif
    </ul>
</nav>
<button class="nav-open-btn" aria-label="open menu" data-nav-toggler><i class="fas fa-bars"></i></button>
<div class="profile-dropdown">
    <button class="profile-btn" aria-label="profile menu" data-profile-toggler><i class="fas fa-user"></i></button>
    <div class="dropdown-menu">
        <a href="{{ route('profile.edit') }}" class="dropdown-item"><i class="fas fa-cog"></i>Pengaturan</a>
        <form action="{{ route('logout') }}" method="POST" class="logout-form">
        @csrf
            <button type="submit" class="dropdown-item logout-btn"><i class="fas fa-sign-out-alt"></i>Keluar</button>
        </form>
    </div>
</div>
<div class="overlay" data-nav-toggler data-overlay></div>
</div>
</header>