            <div class="horizontal-menu">
                <nav class="navbar top-navbar">
                    <button class="navbar-toggler d-lg-none" 
                            type="button" 
                            data-toggle="horizontal-menu-toggle">
                    </button>
                </nav>
                <nav class="bottom-navbar">
                    <div class="container">
                        <ul class="nav page-navigation">
                            <li class="nav-item">
                                <a class="nav-link" href="/dashboard">
                                <i class="mdi mdi-file-document-box menu-icon"></i>
                                <span class="menu-title">Dashboard</span>
                                </a>
                            </li>
                            @if(app()->environment('local'))
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="mdi mdi-account-multiple menu-icon"></i>
                                        <span class="menu-title">Setup</span>
                                        <i class="menu-arrow"></i>
                                    </a>
                                    <div class="submenu">
                                        <ul>
                                            <li class="nav-item"><a class="nav-link" href="/setup/master/gate">Master Pintu/Pos</a></li>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/stiker">Master Kendaraan</a></li>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/member">Master Tarif</a></li>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/member">Master Shift</a></li>
                                            <hr>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/member">Master Petugas/Pegawai</a></li>
                                            <hr>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/member">Master Stiker</a></li>
                                        </ul>
                                    </div> 
                                </li>
                            @endif
                            @if(app()->environment('local'))
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="mdi mdi-account-multiple menu-icon"></i>
                                        <span class="menu-title">Transaksi</span>
                                        <i class="menu-arrow"></i>
                                    </a>
                                    <div class="submenu">
                                        <ul>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/parkir">Parkir</a></li>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/stiker">Member / Stiker</a></li>
                                            <li class="nav-item"><a class="nav-link" href="/transaksi/member">Member</a></li>
                                        </ul>
                                    </div> 
                                </li>
                            @endif
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    {{-- <i class="mdi mdi-cube-outline menu-icon"></i> --}}
                                    <i class="mdi mdi-file-document-box-outline menu-icon"></i>
                                    <span class="menu-title">Report</span>
                                    <i class="menu-arrow"></i>
                                </a>
                                <div class="submenu">
                                    <ul>
                                        <li class="nav-item"><a class="nav-link" href="/report/laporan-per-pintu">Teransaksi Per Pintu</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/report/laporan-semua-transaksi">Transaksi Harian</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/report/stiker/harian">Member Harian</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="pages/forms/basic_elements.html" class="nav-link">
                                    <i class="mdi mdi-chart-areaspline menu-icon"></i>
                                    <span class="menu-title">Laporan</span>
                                    <i class="menu-arrow"></i>
                                </a>
                                <div class="submenu">
                                    <ul>
                                        <li class="nav-item"><a class="nav-link" href="/report/stiker/harian">Laporan Transaksi harian</a></li>
                                        {{-- <li class="nav-item"><a class="nav-link" href="pages/ui-features/typography.html">Typography</a></li> --}}
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="pages/forms/basic_elements.html" class="nav-link">
                                    <i class="mdi mdi-wrench menu-icon"></i>
                                    <span class="menu-title">Laporan</span>
                                    <i class="menu-arrow"></i>
                                </a>
                                <div class="submenu">
                                    <ul>
                                        <li class="nav-item"><a class="nav-link" href="/tools/stiker-extend">Perpanjang Stiker Otomatis</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/tools/change-trans">Koreksi Transaksi</a></li>
                                    </ul>
                                </div>
                            </li>
                            {{-- <li class="nav-item">
                                <a href="pages/charts/chartjs.html" class="nav-link">
                                    <i class="mdi mdi-finance menu-icon"></i>
                                    <span class="menu-title">Charts</span>
                                    <i class="menu-arrow"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="pages/tables/basic-table.html" class="nav-link">
                                    <i class="mdi mdi-grid menu-icon"></i>
                                    <span class="menu-title">Tables</span>
                                    <i class="menu-arrow"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="pages/icons/mdi.html" class="nav-link">
                                    <i class="mdi mdi-emoticon menu-icon"></i>
                                    <span class="menu-title">Icons</span>
                                    <i class="menu-arrow"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    <i class="mdi mdi-codepen menu-icon"></i>
                                    <span class="menu-title">Sample Pages</span>
                                    <i class="menu-arrow"></i>
                                </a>
                                <div class="submenu">
                                    <ul class="submenu-item">
                                        <li class="nav-item"><a class="nav-link" href="pages/samples/login.html">Login</a></li>
                                        <li class="nav-item"><a class="nav-link" href="pages/samples/login-2.html">Login 2</a></li>
                                        <li class="nav-item"><a class="nav-link" href="pages/samples/register.html">Register</a></li>
                                        <li class="nav-item"><a class="nav-link" href="pages/samples/register-2.html">Register 2</a></li>
                                        <li class="nav-item"><a class="nav-link" href="pages/samples/lock-screen.html">Lockscreen</a></li>
                                    </ul>
                                </div>
                            </li> --}}
                            <li class="nav-item">
                                <a href="docs/documentation.html" class="nav-link">
                                    <i class="mdi mdi-file-document-box-outline menu-icon"></i>
                                    <span class="menu-title">Documentation</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="navbar-menu-wrapper d-flex align-items-center justify-content-between">
                        <ul class="navbar-nav navbar-nav-right">
                            <li class="nav-item nav-profile dropdown">
                                <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" id="profileDropdown">
                                    <span class="nav-profile-name">{{ Auth::user()->username ?? '' }}</span>
                                    <span class="online-status"></span>
                                    <img src="{{ asset('images/faces/face28.png') }}" alt="profile"/>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
                                    {{-- <a class="dropdown-item">
                                        <i class="mdi mdi-settings text-primary"></i>
                                        Settings
                                    </a> --}}
                                    
                                    <form method="POST" action="{{ route('logout') }}">
                                        @csrf
                                        <button type="submit" class="dropdown-item ai-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                class="text-danger"
                                                width="18"
                                                height="18"
                                                viewBox="0 0 24 24"
                                                fill="none"
                                                stroke="currentColor"
                                                stroke-width="2"
                                                stroke-linecap="round"
                                                stroke-linejoin="round">
                                                <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
                                                <polyline points="16 17 21 12 16 7"></polyline>
                                                <line x1="21" y1="12" x2="9" y2="12"></line>
                                            </svg>
                                            <span class="ms-2">Logout</span>
                                        </button>
                                    </form>

                                </div>
                            </li>
                        </ul>
                        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="horizontal-menu-toggle">
                        <span class="mdi mdi-menu"></span>
                        </button>
                    </div>
                </nav>
            </div>