<nav class="nav bd-grid">
                <div class="nav__logo">
                    <img src="{{ asset('assets/img/silat.png') }}" alt="Logo" class="logo-img">
                    <span>PoseAI Silat</span>
                </div>
                <div class="nav__menu" id="nav-menu">
                    <ul class="nav__list">
                        <li class="nav__item"><a href="{{ route('home') }}" class="nav__link {{ Request::is('/') ? 'active-link' : '' }}">Beranda</a></li>
                        <li class="nav__item"><a href="{{ route('tutorial') }}" class="nav__link nav__link {{ Request::is('tutorial') ? 'active-link' : '' }}">Tutorial</a></li>
                        <li class="nav__item nav__dropdown">Deteksi
                            <ul class="dropdown__menu">
                                <li><a href="{{ route('upload') }}" class="dropdown__link">Upload Video</a></li>
                                <li><a href="{{ route('realtime') }}" class="dropdown__link">Realtime</a></li>
                            </ul>
                        </li>

                    </ul>
                </div>

                <div class="nav__toggle" id="nav-toggle">
                    <i class='bx bx-menu'></i>
                </div>
            </nav>