<!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 © 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>