@if(auth()->user()->role_id == 1)
<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-0 fixed-left bg-dark" id="sidenav-main">
    <div class="sidenav-header">
        <i class="fas fa-times p-3 cursor-pointer text-white opacity-5 position-absolute end-0 top-0 d-block d-lg-none"
            aria-hidden="true" id="iconSidenav"></i>

        <a class="navbar-brand m-0 d-flex align-items-center px-2" href="{{ route('dashboard') }}">
            <div class="">
                <img src="{{asset('assets/img/logo.png')}}" class=" " width="80" height="80" alt="hockey-performance-academy">
            </div>
            <div class="mx-2">
                <div class="font-weight-bold text-sm text-white text-uppercase">Hockey</div>
                <div class="font-weight-bold text-sm text-white text-uppercase">Performance</div>
                <div class="font-weight-bold text-sm text-white text-uppercase">Academy</div>
            </div>
        </a>
    </div>
    <div class="collapse navbar-collapse w-auto h-auto mt-5" id="sidenav-collapse-main">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a href="{{ route('dashboard') }}"
                    class="nav-link  {{ Route::currentRouteName() === 'dashboard' ? 'active' : '' }}"
                    aria-controls="dashboardsExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                        <svg width="12px" height="12px" viewBox="0 0 45 40" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <title>shop </title>
                            <g id="Basic-Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <g id="Rounded-Icons" transform="translate(-1716.000000, -439.000000)" fill="#FFFFFF"
                                    fill-rule="nonzero">
                                    <g id="Icons-with-opacity" transform="translate(1716.000000, 291.000000)">
                                        <g id="shop-" transform="translate(0.000000, 148.000000)">
                                            <path class="color-background"
                                                d="M46.7199583,10.7414583 L40.8449583,0.949791667 C40.4909749,0.360605034 39.8540131,0 39.1666667,0 L7.83333333,0 C7.1459869,0 6.50902508,0.360605034 6.15504167,0.949791667 L0.280041667,10.7414583 C0.0969176761,11.0460037 -1.23209662e-05,11.3946378 -1.23209662e-05,11.75 C-0.00758042603,16.0663731 3.48367543,19.5725301 7.80004167,19.5833333 L7.81570833,19.5833333 C9.75003686,19.5882688 11.6168794,18.8726691 13.0522917,17.5760417 C16.0171492,20.2556967 20.5292675,20.2556967 23.494125,17.5760417 C26.4604562,20.2616016 30.9794188,20.2616016 33.94575,17.5760417 C36.2421905,19.6477597 39.5441143,20.1708521 42.3684437,18.9103691 C45.1927731,17.649886 47.0084685,14.8428276 47.0000295,11.75 C47.0000295,11.3946378 46.9030823,11.0460037 46.7199583,10.7414583 Z"
                                                id="Path" opacity="0.598981585"></path>
                                            <path class="color-background"
                                                d="M39.198,22.4912623 C37.3776246,22.4928106 35.5817531,22.0149171 33.951625,21.0951667 L33.92225,21.1107282 C31.1430221,22.6838032 27.9255001,22.9318916 24.9844167,21.7998837 C24.4750389,21.605469 23.9777983,21.3722567 23.4960833,21.1018359 L23.4745417,21.1129513 C20.6961809,22.6871153 17.4786145,22.9344611 14.5386667,21.7998837 C14.029926,21.6054643 13.533337,21.3722507 13.0522917,21.1018359 C11.4250962,22.0190609 9.63246555,22.4947009 7.81570833,22.4912623 C7.16510551,22.4842162 6.51607673,22.4173045 5.875,22.2911849 L5.875,44.7220845 C5.875,45.9498589 6.7517757,46.9451667 7.83333333,46.9451667 L19.5833333,46.9451667 L19.5833333,33.6066734 L27.4166667,33.6066734 L27.4166667,46.9451667 L39.1666667,46.9451667 C40.2482243,46.9451667 41.125,45.9498589 41.125,44.7220845 L41.125,22.2822926 C40.4887822,22.4116582 39.8442868,22.4815492 39.198,22.4912623 Z"
                                                id="Path"></path>
                                        </g>
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </div>
                    <span class="nav-link-text ms-1">Dashboard</span>
                </a>
            </li>
            {{-- Users Management --}}
            <li class="nav-item mt-3">
                <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder text-white-50">Clients management</h6>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#users" class="nav-link {{ (request()->is('admin/users*')) ? 'active' : '' }} "
                    aria-controls="users" role="button" aria-expanded="true" >
                    <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                        <i class="ni ni-user-run text-dark"></i>
                    </div>
                    <span class="nav-link-text ms-1">Members </span>
                </a>
                <div class="collapse {{ (request()->is('admin/users*')) ? 'show' : '' }}" id="users">
                    <ul class="nav ms-4 ps-3">
                        <li class="nav-item {{ Route::currentRouteName() === 'users' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'users' ? 'active' : '' }}"
                               href="{{ route('users') }}">
                                <span class="sidenav-mini-icon"> AM </span>
                                <span class="sidenav-normal">All Members </span>
                            </a>
                        </li>
                        <li class="nav-item {{ Route::currentRouteName() === 'users.silver' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'users.silver' ? 'active' : '' }}"
                               href="{{route('users.silver')}}">
                                <span class="sidenav-mini-icon"> SM </span>
                                <span class="sidenav-normal"> Silver Members </span>
                            </a>
                        </li>
                        <li class="nav-item {{ Route::currentRouteName() === 'users.gold' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'users.gold' ? 'active' : '' }}"
                               href="{{route('users.gold')}}">
                                <span class="sidenav-mini-icon"> GV </span>
                                <span class="sidenav-normal"> Gold VIP Members </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item mt-3">
                <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder text-white-50">Platform management</h6>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#tracking" class="nav-link {{ (request()->is('admin/tracking*')) ? 'active' : '' }} "
                   aria-controls="tracking" role="button" aria-expanded="true">
                    <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                        <i class="ni ni-map-big text-dark"></i>
                    </div>
                    <span class="nav-link-text ms-1">Tracking </span>
                </a>
                <div class="collapse {{ (request()->is('admin/tracking*')) ? 'show' : '' }}" id="tracking">
                    <ul class="nav ms-4 ps-3">
                        <li class="nav-item {{ (request()->is('admin/tracking/wellness*')) ? 'active' : '' }}">
                            <a class="nav-link {{ (request()->is('admin/tracking/wellness*')) ? 'active' : '' }}"
                               href="{{route('wellness.tracking')}}">
                                <span class="sidenav-mini-icon"> W </span>
                                <span class="sidenav-normal"> Wellness </span>
                            </a>
                        </li>
                        <li class="nav-item {{ Route::currentRouteName() === 'workout.tracking' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'workout.tracking' ? 'active' : '' }}"
                               href="{{route('workout.tracking')}}">
                                <span class="sidenav-mini-icon"> C </span>
                                <span class="sidenav-normal"> Workouts </span>
                            </a>
                        </li>
                        <li class="nav-item {{ Route::currentRouteName() === 'assessment.tracking' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'assessment.tracking' ? 'active' : '' }}"
                               href="{{route('assessment.tracking')}}">
                                <span class="sidenav-mini-icon"> W </span>
                                <span class="sidenav-normal"> Assessments </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#Platform" class="nav-link {{ (request()->is('admin/workouts*')) ? 'active' : '' }}" aria-controls="Platform" role="button" aria-expanded="true">
                    <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                        <i class="ni ni-settings text-dark"></i>
                    </div>
                    <span class="nav-link-text ms-1">Workouts </span>
                </a>
                <div class="collapse {{ (request()->is('admin/workouts*')) ? 'show' : '' }}" id="Platform">
                    <ul class="nav ms-4 ps-3">
                        <li class="nav-item {{ (request()->is('admin/workouts/phases*')) ? 'active' : '' }}" >
                            <a class="nav-link {{ (request()->is('admin/workouts/phases*')) ? 'active' : '' }}"
                               href="{{ route('phases') }}">
                                <span class="sidenav-mini-icon"> P </span>
                                <span class="sidenav-normal"> Phases </span>
                            </a>
                        </li>
                        <li class="nav-item {{ (request()->is('admin/workouts/workout*'))? 'active' : '' }}" >
                            <a class="nav-link {{ (request()->is('admin/workouts/workout*')) ? 'active' : '' }}" href="{{ route('workouts') }}">
                                <span class="sidenav-mini-icon"> W </span>
                                <span class="sidenav-normal"> Workouts </span>
                            </a>
                        </li>
                        <li class="nav-item {{ (request()->is('admin/workouts/exercises*')) ? 'active' : '' }}">
                            <a class="nav-link {{ (request()->is('admin/workouts/exercises*')) ? 'active' : '' }}"
                               href="{{ route('exercises') }}">
                                <span class="sidenav-mini-icon"> E </span>
                                <span class="sidenav-normal"> Exercises </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#payments" class="nav-link "
                   aria-controls="payments" role="button" aria-expanded="true">
                    <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                        <i class="ni ni-money-coins text-dark"></i>
                    </div>
                    <span class="nav-link-text ms-1">Payments </span>
                </a>
                <div class="collapse" id="payments">
                    <ul class="nav ms-4 ps-3">
                        <li class="nav-item ">
                            <a class="nav-link "
                               href="">
                                <span class="sidenav-mini-icon"> GR </span>
                                <span class="sidenav-normal"> Gold V.I.P Request </span>
                            </a>
                        </li>

                        <li class="nav-item ">
                            <a class="nav-link "
                               href="">
                                <span class="sidenav-mini-icon"> i </span>
                                <span class="sidenav-normal"> Invoices </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#setting" class="nav-link {{ (request()->is('admin/setting*')) ? 'active' : '' }}"
                   aria-controls="Platform" role="button" aria-expanded="true">
                    <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                        <i class="ni ni-settings text-dark"></i>
                    </div>
                    <span class="nav-link-text ms-1">Settings </span>
                </a>
                <div class="collapse {{ (request()->is('admin/setting*')) ? 'show' : '' }}" id="setting">
                    <ul class="nav ms-4 ps-3">
                        <li class="nav-item {{ (request()->is('admin/setting/assessments*')) ? 'active' : '' }}">
                            <a class="nav-link {{ (request()->is('admin/setting/assessments*')) ? 'active' : '' }}"
                               href="{{ route('assessments') }}">
                                <span class="sidenav-mini-icon"> T </span>
                                <span class="sidenav-normal"> assessments </span>
                            </a>
                        </li>
                        <li class="nav-item {{ Route::currentRouteName() === 'users' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'users' ? 'active' : '' }}"
                               href="{{ route('users') }}">
                                <span class="sidenav-mini-icon"> S </span>
                                <span class="sidenav-normal"> Seasons </span>
                            </a>
                        </li>
                        <li class="nav-item {{ Route::currentRouteName() === 'tags-management' ? 'active' : '' }}">
                            <a class="nav-link {{ Route::currentRouteName() === 'tags-management' ? 'active' : '' }}"
                               href="{{ route('tags-management') }}">
                                <span class="sidenav-mini-icon"> T </span>
                                <span class="sidenav-normal"> Tags </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>

        </ul>
    </div>

</aside>
@else
    <aside class="sidenav navbar navbar-vertical navbar-expand-xs border-0 fixed-left  bg-gradient-secondary" id="sidenav-main">
        <div class="sidenav-header">
            <i class="fas fa-times p-3 cursor-pointer text-white opacity-5 position-absolute end-0 top-0 d-block d-lg-none"
               aria-hidden="true" id="iconSidenav"></i>
            <a class="navbar-brand m-0 d-flex align-items-center px-2" href="{{ route('client.dashboard') }}">
                <div class="">
                    <img src="{{asset('assets/img/logo.png')}}" class=" " width="80" height="80" alt="hockey-performance-academy">
                </div>
                <div class="mx-2">
                    <div class="font-weight-bold text-sm text-white text-uppercase">Hockey</div>
                    <div class="font-weight-bold text-sm text-white text-uppercase">Performance</div>
                    <div class="font-weight-bold text-sm text-white text-uppercase">Academy</div>
                </div>
            </a>
        </div>
        <div class="collapse navbar-collapse w-auto h-auto mt-5" id="sidenav-collapse-main">
            <ul class="navbar-nav">
                <li class="nav-item pb-1">
                    <a class="nav-link {{ Route::currentRouteName() == 'client.dashboard' ? 'active' : '' }}"
                       href="{{ route('client.dashboard') }}">
                        <div
                            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                            <svg width="12px" height="12px" viewBox="0 0 45 40" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g id="Basic-Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <g id="Rounded-Icons" transform="translate(-1716.000000, -439.000000)" fill="#FFFFFF"
                                       fill-rule="nonzero">
                                        <g id="Icons-with-opacity" transform="translate(1716.000000, 291.000000)">
                                            <g id="shop-" transform="translate(0.000000, 148.000000)">
                                                <path class="color-background"
                                                      d="M46.7199583,10.7414583 L40.8449583,0.949791667 C40.4909749,0.360605034 39.8540131,0 39.1666667,0 L7.83333333,0 C7.1459869,0 6.50902508,0.360605034 6.15504167,0.949791667 L0.280041667,10.7414583 C0.0969176761,11.0460037 -1.23209662e-05,11.3946378 -1.23209662e-05,11.75 C-0.00758042603,16.0663731 3.48367543,19.5725301 7.80004167,19.5833333 L7.81570833,19.5833333 C9.75003686,19.5882688 11.6168794,18.8726691 13.0522917,17.5760417 C16.0171492,20.2556967 20.5292675,20.2556967 23.494125,17.5760417 C26.4604562,20.2616016 30.9794188,20.2616016 33.94575,17.5760417 C36.2421905,19.6477597 39.5441143,20.1708521 42.3684437,18.9103691 C45.1927731,17.649886 47.0084685,14.8428276 47.0000295,11.75 C47.0000295,11.3946378 46.9030823,11.0460037 46.7199583,10.7414583 Z"
                                                      id="Path" opacity="0.598981585"></path>
                                                <path class="color-background"
                                                      d="M39.198,22.4912623 C37.3776246,22.4928106 35.5817531,22.0149171 33.951625,21.0951667 L33.92225,21.1107282 C31.1430221,22.6838032 27.9255001,22.9318916 24.9844167,21.7998837 C24.4750389,21.605469 23.9777983,21.3722567 23.4960833,21.1018359 L23.4745417,21.1129513 C20.6961809,22.6871153 17.4786145,22.9344611 14.5386667,21.7998837 C14.029926,21.6054643 13.533337,21.3722507 13.0522917,21.1018359 C11.4250962,22.0190609 9.63246555,22.4947009 7.81570833,22.4912623 C7.16510551,22.4842162 6.51607673,22.4173045 5.875,22.2911849 L5.875,44.7220845 C5.875,45.9498589 6.7517757,46.9451667 7.83333333,46.9451667 L19.5833333,46.9451667 L19.5833333,33.6066734 L27.4166667,33.6066734 L27.4166667,46.9451667 L39.1666667,46.9451667 C40.2482243,46.9451667 41.125,45.9498589 41.125,44.7220845 L41.125,22.2822926 C40.4887822,22.4116582 39.8442868,22.4815492 39.198,22.4912623 Z"
                                                      id="Path"></path>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>
                        <span class="nav-link-text ms-1">Overview</span>
                    </a>
                </li>
                <li class="nav-item pb-1">
                    <a class="nav-link {{ Route::currentRouteName() == 'client.calendar' ? 'active' : '' }}"
                       href="{{ route('client.calendar') }}">
                        <div
                            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                            <i style="font-size: 1rem;" class="ni ni-calendar-grid-58 ps-2 pe-2 text-center
                        {{ in_array(request()->route()->getName(),['client.calendar']) ? 'text-white' : 'text-dark' }}" aria-hidden="true"></i>
                        </div>
                        <span class="nav-link-text ms-1">Calendar</span>
                    </a>
                </li>
                <li class="nav-item pb-1">
                    <a class="nav-link {{ (request()->is('client/workouts*')) ? 'active' : '' }}" href="{{route('client.workouts')}}">
                        <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                            <i style="font-size: 1rem;" class="ni ni-calendar-grid-58 ps-2 pe-2 text-center
                        {{ in_array(request()->route()->getName(),['client.workouts']) ? 'text-white' : 'text-dark' }}" aria-hidden="true"></i>
                        </div>
                        <span class="nav-link-text ms-1">Workouts</span>
                    </a>
                </li>
                <li class="nav-item pb-1">
                    <a class="nav-link {{ Route::currentRouteName() == 'client.wellness' ? 'active' : '' }}" href="{{route('client.wellness')}}">
                        <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                            <i style="font-size: 1rem;" class="ni ni-bulb-61 ps-2 pe-2 text-center
                        {{ in_array(request()->route()->getName(),['client.wellness']) ? 'text-white' : 'text-dark' }}" aria-hidden="true"></i>
                        </div>
                        <span class="nav-link-text ms-1">Wellness</span>
                    </a>
                </li>
                <li class="nav-item pb-1">
                    <a class="nav-link {{ Route::currentRouteName() == 'client.habits' ? 'active' : '' }}" href="{{route('client.habits')}}">
                        <div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                            <i style="font-size: 1rem;" class="ni ni-active-40
                        {{ in_array(request()->route()->getName(),['client.habits']) ? 'text-white' : 'text-dark' }}" aria-hidden="true"></i>
                        </div>
                        <span class="nav-link-text ms-1">Daily habits</span>
                    </a>
                </li>
                <li class="nav-item pb-1">
                    <a class="nav-link" href="#hr" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="hr">
                        <div
                            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
                            <svg width="12px" height="12px" viewBox="0 0 46 42" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <title>customer-support</title>
                                <g id="Basic-Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <g id="Rounded-Icons" transform="translate(-1717.000000, -291.000000)" fill="#FFFFFF"
                                       fill-rule="nonzero">
                                        <g id="Icons-with-opacity" transform="translate(1716.000000, 291.000000)">
                                            <g id="customer-support" transform="translate(1.000000, 0.000000)">
                                                <path class="color-background"
                                                      d="M45,0 L26,0 C25.447,0 25,0.447 25,1 L25,20 C25,20.379 25.214,20.725 25.553,20.895 C25.694,20.965 25.848,21 26,21 C26.212,21 26.424,20.933 26.6,20.8 L34.333,15 L45,15 C45.553,15 46,14.553 46,14 L46,1 C46,0.447 45.553,0 45,0 Z"
                                                      id="Path" opacity="0.59858631"></path>
                                                <path class="color-foreground"
                                                      d="M22.883,32.86 C20.761,32.012 17.324,31 13,31 C8.676,31 5.239,32.012 3.116,32.86 C1.224,33.619 0,35.438 0,37.494 L0,41 C0,41.553 0.447,42 1,42 L25,42 C25.553,42 26,41.553 26,41 L26,37.494 C26,35.438 24.776,33.619 22.883,32.86 Z"
                                                      id="Path"></path>
                                                <path class="color-foreground"
                                                      d="M13,28 C17.432,28 21,22.529 21,18 C21,13.589 17.411,10 13,10 C8.589,10 5,13.589 5,18 C5,22.529 8.568,28 13,28 Z"
                                                      id="Path"></path>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>
                        <span class="nav-link-text ms-1">Assessments</span>
                    </a>
                </li>
                <div class="collapse" id="assessments">
                    @foreach(\App\Models\Pillar::all() as $pillar)
                    <li class="nav-item pb-1">
                        <a class="nav-link " href="">
                            <span class="nav-link-text ms-1">{{$pillar->name}}</span>
                        </a>
                    </li>
                    @endforeach

                </div>



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