@php
    $categories = \App\Model\ProfessionalType::where('status','1')->where('parent_id',0)->get();
@endphp

<style>
.rounded-square {
    width: 37px;
    height: 37px;
    border-radius: 7px;
    overflow: hidden;
}

.middle-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rounded-square img {
    width: 100%;
    height: auto;
}
.switch_company{
    background-color: #9dc8c7;
    outline-offset: 2px;
}
.switch_company:hover{
    outline: 2px solid rgba(255, 255, 255, 0.425);
}
.switch_company.selected{
    outline: 2px solid white;
    color: white;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview{
    background-color: #2c2c2c;
}
</style>
@php
    $viewing_company = Auth::user()->viewing_company;
@endphp
<nav class="main-header navbar navbar-expand {{$viewing_company == 'nixy' ? 'navbar-success' : 'navbar-primary'}} navbar-dark">
    <!-- Left navbar links -->
    <ul class="navbar-nav" >
        <li class="nav-item">
            <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
            <a href="{{asset('/admin')}}" class="nav-link">Home</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link">Contact</a>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                {{Auth::user()->name}}
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="{{route('admin').'/change_password'}}">Change Password</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="{{ route('logout') }}"
                   onclick="event.preventDefault();
                              document.getElementById('logout-form').submit();">
                    {{ __('Logout') }}
                </a>
                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                    @csrf
                </form>
            </div>
        </li>

        {{-- <li class="nav-item d-none d-sm-inline-block">
            <a href="#"  onclick="event.preventDefault();
            document.getElementById('switch_viewing_company').submit();"
            class="nav-link"><i class="fa fa-database" aria-hidden="true"></i> Switch to {{$viewing_company == 'supportroom' || $viewing_company == null ? 'NIXY' : 'SupportRoom'}}</a>
        </li> --}}
        <form id="switch_viewing_company_sr" action="{{ route('switch_viewing_company', 'supportroom') }}" method="POST" style="display: none;">
            @csrf
        </form>
        <form id="switch_viewing_company_nixy" action="{{ route('switch_viewing_company','nixy') }}" method="POST" style="display: none;">
            @csrf
        </form>

    </ul>
    <ul class="navbar-nav ml-auto">
        <li class="nav-item">
            <a title="NIXY" class="nav-link p-0" href="#" onclick="event.preventDefault();
            document.getElementById('switch_viewing_company_nixy').submit();">
                <div class="middle-align switch_company rounded-square {{$viewing_company == 'nixy' ? 'selected' : ''}}"
                style="background-size: contain;">NIXY
                    {{-- <img class="img img-responsive" style="max-width: 100%;
                    max-height: 100%;" src="{{asset('email_img/nixy_logo1.png')}}" alt="Company 1"> Company 1 --}}
                </div>
            </a>
          </li>
          <li class="nav-item ml-3 mr-2">
            <a title="SupportRoom" class="nav-link p-0" href="#" onclick="event.preventDefault();
            document.getElementById('switch_viewing_company_sr').submit();">
                <div class="middle-align switch_company rounded-square {{$viewing_company == 'supportroom' || $viewing_company == null ? 'selected' : ''}}"
                style="background-color: #481e68;background-size: contain;">SR
                {{-- <img class="img img-responsive" style="max-width: 100%;
                max-height: 100%;" src="{{asset('email_img/sr_icon.png')}}" alt="Company 2">  --}}
                </div>
            </a>
          </li>
        <li class="nav-item dropdown">
            <a class="nav-link" data-toggle="dropdown" href="#">
                <i class="far fa-bell"></i>
                <span class="badge badge-warning navbar-badge">15</span>
            </a>
            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                <span class="dropdown-item dropdown-header">15 Notifications</span>
                <div class="dropdown-divider"></div>
                <a href="#" class="dropdown-item">
                    <i class="fas fa-envelope mr-2"></i> 4 new messages
                    <span class="float-right text-muted text-sm">3 mins</span>
                </a>
                <div class="dropdown-divider"></div>
                <a href="#" class="dropdown-item">
                    <i class="fas fa-users mr-2"></i> 8 friend requests
                    <span class="float-right text-muted text-sm">12 hours</span>
                </a>
                <div class="dropdown-divider"></div>
                <a href="#" class="dropdown-item">
                    <i class="fas fa-file mr-2"></i> 3 new reports
                    <span class="float-right text-muted text-sm">2 days</span>
                </a>
                <div class="dropdown-divider"></div>
                <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
            </div>
        </li>
    </ul>
</nav>
<aside class="main-sidebar sidebar-dark-primary elevation-4">
    <a href="{{asset('/admin')}}" class="brand-link text-center">
        <span class="brand-text font-weight-light">{{$viewing_company == 'supportroom' || $viewing_company == null ? 'Support Room' : 'NIXY'}}</span>
    </a>
    <div class="sidebar">
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
                <img src="{{asset('admin_assets/img/user2-160x160.jpg')}}" class="img-circle elevation-2" alt="User Image">
            </div>
            <div class="info">
                <a href="#" class="d-block">{{Auth::user()->name}}</a>
            </div>
        </div>
        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                @if(Auth::user()->role != "account_manager")
                    <li class="nav-item">
                        <a href="{{route('admin')}}" class="nav-link">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>Dashboard</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('announcement')}}" class="nav-link">
                            <i class="nav-icon fas fa-bullhorn"></i>
                            <p>Announcements</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('maintenance.index')}}" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>Schedule Maintenance</p>
                        </a>
                    </li>

                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>Professions
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('professionals')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Profession Types</p>
                                </a>
                            </li>
                            @foreach($categories as $category)
                                <li class="nav-item">
                                    <a href="{{url('/admin/therapist-stats?profession_id='.$category->id)}}" class="nav-link">
                                        <i class="nav-icon fas fa-list"></i>
                                        <p>{{$category->name}} stats</p>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </li>

                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>Therapist
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('therapist')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Therapist List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('therapist-stats')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Therapist Stats</p>
                                </a>
                            </li>
                            @if(Auth::user()->therapist_supervisor == 1)
                            <li class="nav-item">
                                <a href="{{route('switch-chatroom-requests')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Switch Chatroom Requests</p>
                                </a>
                            </li>
                            @endif
                            <li class="nav-item">
                                <a href="{{route('therapist-session-metrics')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Session Metrics</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                @endif

                <li class="nav-item has-treeview">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-circle"></i>
                        <p>Feature usage
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="{{route('feature-usages-supportroom')}}" class="nav-link">
                                <i class="nav-icon fas fa-user-md"></i>
                                <p>SupportRoom</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{route('feature-usages-workplace-insight')}}" class="nav-link">
                                <i class="nav-icon fas fa-user-md"></i>
                                <p>Workplace Insight</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{route('feature-usages-nixy')}}" class="nav-link">
                                <i class="nav-icon fas fa-user-md"></i>
                                <p>Nixy</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="{{route('leader_hub.index')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Leaders Hub</p>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="{{route('patient')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Patient</p>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="{{route('session-feedback')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Patient Feedback</p>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="{{route('monthly-feedback')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Monthly Feedback</p>
                    </a>
                </li>

                <li class="nav-item has-treeview">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-circle"></i>
                        <p>Symptom Improvement
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="{{route('depression-feedback')}}" class="nav-link">
                                <i class="nav-icon fas fa-user-alt"></i>
                                <p>PHQ-9</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{route('anxiety-feedback')}}" class="nav-link">
                                <i class="nav-icon fas fa-user-alt"></i>
                                <p>GAD-7</p>
                            </a>
                        </li>
                    </ul>
                </li>

                @if(Auth::user()->role == "account_manager")
                    <li class="nav-item">
                        <a href="{{route('company')}}" class="nav-link">
                            <i class="nav-icon fas fa-user-alt"></i>
                            <p>Company</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('subdepartment')}}" class="nav-link">
                            <i class="nav-icon fas fa-user-alt"></i>
                            <p>sub Departments</p>
                        </a>
                    </li>
                @endif

                @if(Auth::user()->role == "superadmin" || (Auth::user()->role != "account_manager" && Auth::user()->therapist_supervisor != 1))
                <li class="nav-item">
                    <a href="{{route('questionnaire-list')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Questionnaire List</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{route('company')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Company</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{route('subdepartment')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Sub Departments</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{route('partner')}}" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>Partners</p>
                    </a>
                </li>
                <li class="nav-item has-treeview">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-circle"></i>
                        <p>
                            Stats
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="{{route('stats-chatroom')}}" class="nav-link">
                                <i class="nav-icon fas fa-list"></i>
                                <p>Chatroom</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{route('patient-chat-report')}}" class="nav-link">
                                <i class="nav-icon fas fa-list"></i>
                                <p>Patient Chat Reports</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{route('company-stats')}}" class="nav-link">
                                <i class="nav-icon fas fa-list"></i>
                                <p>Company Reports</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="{{route('company-cost')}}" class="nav-link">
                                <i class="nav-icon fas fa-list"></i>
                                <p>Company Costt</p>
                            </a>
                        </li>
                    </ul>
                </li>
                @endif
                @if(Auth::user()->role == "superadmin")
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Finance
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('voucher')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Vouchers</p>
                                </a>
                            </li>

                            <li class="nav-item">
                                <a href="{{route('custom_voucher')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>SMB Pass</p>
                                </a>
                            </li>

                            <li class="nav-item">
                                <a href="{{route('plans')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Plans</p>
                                </a>
                            </li>
                            <li class="nav-item" style="display:none;">
                                <a href="{{route('therapist-commission-old')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Therapist Commission Old</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('therapist-commission')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Therapist Commission</p>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('user')}}" class="nav-link">
                            <i class="nav-icon fas fa-user-alt"></i>
                            <p>User Management</p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('general_settings')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>General Settings</p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('disclaimers.index')}}" class="nav-link">
                            <i class="fas fa-exclamation-circle nav-icon"></i>
                            <p>Disclaimer</p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('mail-template')}}" class="nav-link">
                            <i class="nav-icon fas fa-envelope"></i>
                            <p>Mail templates</p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('template')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Journey templates</p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('mood-tag')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Mood Tags</p>
                        </a>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Tools
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('tool')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Tools List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('tool.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Tools</p>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Discounts
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('discount_category.index')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Category</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('discounts.index')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Discount</p>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Others
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('other-data','tool')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Other Tools</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('other-data','specialism')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Other Specialisms</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Specialisms
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('specialisms')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Specialisms List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('specialisms.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Specialisms</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Questions
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('questionnaire')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Questions List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('questionnaire.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Questions</p>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Countries
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('country')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Countries List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('country.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Country</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                City
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('city')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>City List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('city.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add City</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Faq Category
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('faq-category')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Faq Category</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('faq-category.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Faq Category</p>
                                </a>
                            </li>

                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Faqs
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('faq')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Faq List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('faq.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Faq</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Company Branches
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('branch')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Branch List</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('branch.add')}}" class="nav-link">
                                    <i class="far fa-plus-square nav-icon"></i>
                                    <p>Add Branch</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Logs
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('logs.videologs')}}" class="nav-link">
                                    <i class="fas fa-list nav-icon"></i>
                                    <p>Video Logs</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('question.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Questions for Surveys</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('group.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Groups for Surveys</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('concerning.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Concerning Issues</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('categories.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Categories</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('priority_issues.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Priority Issues</p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{route('sentiment.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Sentiment keywords</p>
                        </a>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Other Benefit
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('benefit_categories.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Benefit Category</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('benefit_faqs.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-user-md"></i>
                                    <p>Category Faq</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('translations.index')}}" class="nav-link">
                            <i class="fas fa-list nav-icon"></i>
                            <p>Translations</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('locked_accounts')}}" class="nav-link">
                            <i class="fa fa-lock nav-icon"></i>
                            <p>Locked Accounts</p>
                        </a>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>SupportFit
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('badge.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Badges</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('sf_category.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Category</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('exercise_data.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Exercise Data</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('sf_video.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Video</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('training-video.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Training Video</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('challenges.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Challenges</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                @endif
                <li class="nav-item">
                    <a href="{{route('unhappy-reasons.index')}}" class="nav-link">
                        <i class="fas fa-list nav-icon"></i>
                        <p>Unhappy Reasons</p>
                    </a>
                </li>
                @if(Auth::user()->role == "superadmin" || Auth::user()->role == "account_manager")
                <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-circle"></i>
                            <p>
                                Resource
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="{{route('wizard.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Wizard</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('category.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Category</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('pillar.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Pillars</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('article.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Article</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('video.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Video</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('webinar.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Webiar</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('podcast.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>PodCast</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('calmmusic.index')}}" class="nav-link">
                                    <i class="nav-icon fas fa-list"></i>
                                    <p>Calm Music</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('stories.index')}}" class="nav-link">
                            <i class="nav-icon fas fa-list"></i>
                            <p>Insta Stories</p>
                        </a>
                    </li>
                @endif

            </ul>
        </nav>
    </div>
</aside>