@php($url = url()->full())
@php($user = Auth::user())
<ul id="sidebarnav">
    <li class="user-pro">
        <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
            <img src="{{ asset(Auth::user()->image) }}" alt="user-img" class="img-circle">
            <span class="hide-menu">{{ Auth::user()->name }}</span>
        </a>
        <ul aria-expanded="false" class="collapse">
            <li><a href="{{ route('user.profile.edit') }}"><i class="ti-user"></i> My Profile</a></li>
            <li>
                <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                    <i class="fa fa-power-off"></i> Logout
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a class="waves-effect waves-dark" href="{{ route('dashboard') }}" aria-expanded="false">
            <i class="icon-speedometer"></i><span class="hide-menu">Dashboard</span>
        </a>
    </li>
    @can('roles-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('roles.index') }}" aria-expanded="false">
            <i class="icons-Control"></i><span class="hide-menu">Roles</span>
        </a>
    </li>
    @endcan
    @can('users-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('users.index') }}" aria-expanded="false">
            <i class="icons-Administrator"></i><span class="hide-menu">Users</span>
        </a>
    </li>
    @endcan
    @can('language-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('languages.index') }}" aria-expanded="false">
            <i class="icons-Map"></i><span class="hide-menu">Languages</span>
        </a>
    </li>
    @endcan
    @can('auther-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('authers.index') }}" aria-expanded="false">
            <i class="icon-people"></i><span class="hide-menu">Author</span>
        </a>
    </li>
    @endcan
    @can('media-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('media.index') }}" aria-expanded="false">
            <i class="icons-Camera-2"></i><span class="hide-menu">Media</span>
        </a>
    </li>
    @endcan
    @can('career-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('careers.index') }}" aria-expanded="false">
            <i class="icons-Handshake"></i><span class="hide-menu">Career</span>
        </a>
    </li>
    @endcan
    @can('application-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('applications.index') }}" aria-expanded="false">
            <i class="icons-Data-Save"></i><span class="hide-menu">Applications</span>
        </a>
    </li>
    @endcan
    @can('strings-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('dynamic-strings.index') }}" aria-expanded="false">
            <i class="icons-Fountain-Pen"></i><span class="hide-menu">Strings</span>
        </a>
    </li>
    @endcan
    @can('tool-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('tools.index') }}" aria-expanded="false">
            <i class="icons-Wrench"></i><span class="hide-menu">Tools</span>
        </a>
    </li>
    @endcan
    @can('apiToken-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('api-tokens.index') }}" aria-expanded="false">
            <i class="icons-Code-Window"></i><span class="hide-menu">API Tokens</span>
        </a>
    </li>
    @endcan
    @if('menu-list')
    <li> 
        <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
            <i class="icons-Bulleted-List"></i><span class="hide-menu">Menu</span>
        </a>
        <ul aria-expanded="false" class="collapse">
            <li><a href="{{ route('menus.main.index')}}">Main</a></li>
            <li><a href="{{ route('menus.footerfirst.index')}}">Footer First</a></li>
            <li><a href="{{ route('menus.footersecond.index')}}">Footer Second</a></li>
            <li><a href="{{ route('menus.footerthird.index')}}">Footer Third</a></li>
            <li><a href="{{ route('menus.404.index')}}">404</a></li>
        </ul>
    </li>
    @endif
    @if('homePage-list')
    <li> 
        <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
            <i class="icons-Books"></i><span class="hide-menu">Pages</span>
        </a>
        <ul aria-expanded="false" class="collapse">
            @can('homePage-list')
            <li><a href="{{ route('pages.home.index')}}">Home</a></li>
            @endcan
            @can('toolPage-list')
            <li><a href="{{ route('pages.tool.index')}}">Tool</a></li>
            @endcan
            @can('blogPage-list')
            <li><a href="{{ route('pages.blog.index')}}">Blog</a></li>
            @endcan
            @can('problemPage-list')
            <li><a href="{{ route('pages.problem.index')}}">Problem</a></li>
            @endcan
            @can('categoryPage-list')
            <li><a href="{{ route('pages.category.index')}}">Category</a></li>
            @endcan
            @can('careerPage-list')
            <li><a href="{{ route('pages.career.index')}}">Career</a></li>
            @endcan
            @can('contactUsPage-list')
            <li><a href="{{ route('pages.contact_us.index')}}">Contact Us</a></li>
            @endcan
            @can('simplePage-list')
            <li><a href="{{ route('pages.simple.index')}}">Simple</a></li>
            @endcan
        </ul>
    </li>
    @endif
    @if('topic-list')
    <li> 
        <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
            <i class="ti-help-alt"></i><span class="hide-menu">Questioner</span>
        </a>
        <ul aria-expanded="false" class="collapse">
            @can('topic-list')
            <li><a href="{{ route ('topics.index')  }}">Topic</a></li>
            @endcan
            @can('quiz-list')
            <li><a href="{{ route ('quizzes.index') }}">Quiz</a></li>
            @endcan
            @can('question-list')
            <li><a href="{{ route ('questions.index')  }}">Question</a></li>
            @endcan
        </ul>
    </li>
    @endif
    @can('comments-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('comments.index') }}" aria-expanded="false">
            <i class="fas fa-comments"></i><span class="hide-menu">Comments</span>
        </a>
    </li>
    @endcan
    @can('feedback-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('feedbacks.index') }}" aria-expanded="false">
            <i class="icons-Envelope"></i><span class="hide-menu">Feedbacks</span>
        </a>
    </li>
    @endcan
    @can('newslatter-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('newslatters.index') }}" aria-expanded="false">
            <i class="fas fa-newspaper"></i><span class="hide-menu">Newsletters</span>
        </a>
    </li>
    @endcan
    <li>
        <a class="waves-effect waves-dark" href="{{ route('notifications.index') }}" aria-expanded="false">
            <i class="fas fa-bell"></i><span class="hide-menu">Notification</span>
        </a>
    </li>
    @can('settings-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('settings.index') }}" aria-expanded="false">
            <i class="ti-settings"></i><span class="hide-menu">Settings</span>
        </a>
    </li>
    <li>
        <a class="waves-effect waves-dark" href="{{ route('settings.clear-cache') }}" aria-expanded="false">
            <i class="icons-Refresh"></i><span class="hide-menu">Clear Cache</span>
        </a>
    </li>
    @endcan
    @can('audit-list')
    <li>
        <a class="waves-effect waves-dark" href="{{ route('audit.index') }}" aria-expanded="false">
            <i class="icons-Time-Backup"></i><span class="hide-menu">Audits</span>
        </a>
    </li>
    @endcan
    @can('log-list') 
    <li>
        <a class="waves-effect waves-dark" href="{{ route('logs') }}" aria-expanded="false" target="_blank">
            <i class="icons-Calendar-4"></i><span class="hide-menu">Logs</span>
        </a>
    </li>
    @endcan
    <li>
        <a class="waves-effect waves-dark" href="{{ route('logout') }}" aria-expanded="false" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
            <i class="far fa-circle text-success"></i><span class="hide-menu">Log Out</span>
        </a>
    </li>
</ul>