@php
    $authUser = Auth::user();
@endphp
<header class="topbar" data-navbarbg="skin5">
    <nav class="navbar top-navbar navbar-expand-md navbar-dark">
        <div class="navbar-header" data-logobg="skin5">
            <!-- Logo -->
            @if (!empty($id))
                <a class="navbar-brand" href="">
                    <!-- Logo icon -->
                    <b class="logo-icon ps-2">
                        <img src="{{ url('storage/'.$id->logo) }}" alt="homepage" class="light-logo" width="40">
                    </b>
                    <!-- Logo text -->
                    <img src="{{ asset('assets/images/dc-text-logo-icon.png') }}" alt="homepage" class="light-logo" width="80" height="60">
                    <!-- Toggle which is visible on mobile only -->
                    <a href="javascript:void(0)" class="nav-toggler waves-effect waves-light d-block d-md-none">
                        <i class="ti-menu ti-close"></i>
                    </a>
                </a>
            @endif
        </div>
        <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
            <!-- toggle and nav items -->
            <ul class="navbar-nav float-start me-auto">
                <li class="nav-item d-none d-lg-block">
                    <a href="javascript:void(0)" class="nav-link sidebartoggler waves-effect waves-light" data-sidebartype="mini-siebar">
                        <i class="mdi mdi-menu font-24"></i>
                    </a>
                </li>
            </ul>
            <!-- Right side toggle and nav items -->
            <ul class="navbar-nav float-end">
                <!-- User profile -->
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle text-muted waves-effect waves-dark pro-pic" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <img src="{{ url('storage/'.$authUser->user_dp) }}" alt="user" class="rounded-circle" width="31">
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end user-dd animated" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="{{ route('profile.index') }}">
                            <i class="mdi mdi-account me-1 ms-1"></i>Profiles
                        </a>
                        <a class="dropdown-item" href="{{ route('logout') }}">
                            <i class="mdi mdi-logout me-1 ms-1"></i>Logout
                        </a>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<!-- Left Sidebar - style you can find in sidebar.scss  -->
<aside class="left-sidebar" data-sidebarbg="skin5">
    <!-- Sidebar scroll-->
    <div class="scroll-sidebar">
        <!-- Sidebar navigation-->
        <nav class="sidebar-nav">
            <ul id="sidebar-nav" class="pt-4">
                @if ($authUser->role == 3)
                    <li class="sidebar-item">
                        <a href="{{ route('survey.index') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-view-dashboard"></i>
                            <span class="hide-menu">Dashboard</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('admin-users') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-account-circle"></i>
                            <span class="hide-menu">Users</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('admin-organisations') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-sitemap"></i>
                            <span class="hide-menu">Organisations</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('admin-admins') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-account-settings-variant"></i>
                            <span class="hide-menu">Admins</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('db-backup.index') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-database"></i>
                            <span class="hide-menu">Database Backup</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('mail-settings.index') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-email"></i>
                            <span class="hide-menu">Mail Settings</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('settings.index') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-wrench"></i>
                            <span class="hide-menu">Settings</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('advanced-analytics') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-chart-bar"></i>
                            <span class="hide-menu">Advanced Analytics</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('profile.index') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-account-circle"></i>
                            <span class="hide-menu">Profiles</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('get-feedback-list') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="fas fa-balance-scale"></i>
                            <span class="hide-menu">User Feedback List</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('admin-instructions') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-book-multiple"></i>
                            <span class="hide-menu">Documentation</span>
                        </a>
                    </li>
                @elseif($authUser->role == 2)
                    <li class="sidebar-item">
                        <a href="{{ route('organisation-dashboard') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-view-dashboard"></i>
                            <span class="hide-menu">Dashboard</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('approve') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-thumb-up"></i>
                            <span class="hide-menu">Approve/Disapprove Surveys</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('creation-of-survey.create') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-plus-circle"></i>
                            <span class="hide-menu">Create Survey</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('view-analytics') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-eye"></i>
                            <span class="hide-menu">View Analytics</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('settings.edit',$id->id) }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-wrench"></i>
                            <span class="hide-menu">Organisation Settings</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('organisation-instructions') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-book-multiple"></i>
                            <span class="hide-menu">Documentation</span>
                        </a>
                    </li>
                @elseif($authUser->role == 1)
                    <li class="sidebar-item">
                        <a href="{{ route('user-dashboard') }}" class="sidebar-link waves-effect waves-dark sidebar-link" aria-expanded="false">
                            <i class="mdi mdi-view-dashboard"></i>
                            <span class="hide-menu">Dashboard</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('settings.edit',$id->id) }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-wrench"></i>
                            <span class="hide-menu">User Settings</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('user-feedback') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="fas fa-balance-scale"></i>
                            <span class="hide-menu">User Feedback</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="{{ route('user-instructions') }}" class="sidebar-link waves-effect waves-dark" aria-expanded="false">
                            <i class="mdi mdi-book-multiple"></i>
                            <span class="hide-menu">Documentation</span>
                        </a>
                    </li>
                @else

                @endif
            </ul>
        </nav>
    </div>
</aside>