[Back] 
<!DOCTYPE HTML>
<html>
<head>
    <title>IT Inventory</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="{{ asset('assets/css/main.css') }}" />
    <link rel="icon" href="{{ asset('images/care22.png') }}" type="image/x-icon" />
    <noscript><link rel="stylesheet" href="{{ asset('assets/css/noscript.css') }}" /></noscript>
</head>
<body class="is-preload">
    <div id="wrapper">
        <header id="header">
            <div class="inner">
                <a href="main" class="logo">
                    <span class="symbol"><img src="{{ asset('images/care22.png') }}" alt="" style="width: 25%; height: 25%;" /></span><span class="title"></span>
                </a>
                @if (!Request::is('login'))
                <nav>
                    <ul>
                        <li><a href="#menu">Menu</a></li>
                    </ul>
                </nav>
                @include("menu")
                @endif
            </div>
        </header>
        <nav id="menu" style="display: none;">
            <ul>
                <li><a href="route1">Route 1</a></li>
                <li><a href="route2">Route 2</a></li>
                <li><a href="route3">Route 3</a></li>
            </ul>
        </nav>
        <div id="main">
            <div class="inner">
                @yield('body')
            </div>
        </div>
        <footer id="footer">
            <div class="inner">
                <ul class="copyright">
                    <center>
                        <li>
                            <img src="{{ asset('images/care22.png') }}" alt="Logo" style="width:30px; height:30px; vertical-align:middle; margin-right: 10px; filter: grayscale(100%);"> 
                            Copyright &copy; 2024. All rights reserved NexV Synergy Sdn Bhd
                        </li>
                    </center>
                </ul>
            </div>
        </footer>
    </div>
    <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <script src="{{ asset('assets/js/browser.min.js') }}"></script>
    <script src="{{ asset('assets/js/breakpoints.min.js') }}"></script>
    <script src="{{ asset('assets/js/util.js') }}"></script>
    <script src="{{ asset('assets/js/main.js') }}"></script>
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        const menuToggle = document.querySelector('a[href="#menu"]');
        const menu = document.getElementById('menu');
        
        if (menuToggle && menu) {
            menuToggle.addEventListener('click', function (e) {
                e.preventDefault();
                if (menu.style.display === 'none' || menu.style.display === '') {
                    menu.style.display = 'block';
                } else {
                    menu.style.display = 'none';
                }
            });
        }
    });
    </script>
</body>
</html>