<nav class="nav" style="background-size:100% 100%; height:60px; ">
    <div onclick="window.location.href='{{route('dashboard')}}'" @if(\Route::currentRouteName() == 'dashboard') style="color: #00A478 !important; font-weight: bold;" @endif>
        @if(\Route::currentRouteName() == 'dashboard')
            <img src="{{asset('public')}}/ui3/nav/1.png" style="height: 28px;"> <br>
            <span id="nav_btn1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Home</font></font></span>
        @else
            <img src="{{asset('public')}}/ui3/nav/1.png" class="gray" style="height: 28px;"> <br>
            <span id="nav_btn1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Home</font></font></span>
        @endif
    </div>
    <div class="navtab " onclick="window.location.href='{{route('vip')}}'" @if(\Route::currentRouteName() == 'vip') style="color: #00A478 !important; font-weight: bold;" @endif>
        @if(\Route::currentRouteName() == 'vip')
            <img src="{{asset('public')}}/ui3/nav/2.png" class="" style="height: 28px;"> <br>
            <span id="nav_btn2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">The product</font></font></span>
        @else
            <img src="{{asset('public')}}/ui3/nav/2.png" class="gray" style="height: 28px;"> <br>
            <span id="nav_btn2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">The product</font></font></span>
        @endif
    </div>
    <div class="navtab" onclick="window.location.href='{{route('user.team')}}'" @if(\Route::currentRouteName() == 'user.team') style="color: #00A478 !important; font-weight: bold;" @endif>
        @if(\Route::currentRouteName() == 'user.team')
            <img src="{{asset('public')}}/ui3/nav/3.png" class="" style="height:28px;"> <br>
            <span id="nav_btn3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">the team</font></font></span>
        @else
            <img src="{{asset('public')}}/ui3/nav/3.png" class="gray" style="height:28px;"> <br>
            <span id="nav_btn3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">the team</font></font></span>
        @endif
    </div>
    <div class="navtab" onclick="window.location.href='{{route('profile')}}'" @if(\Route::currentRouteName() == 'profile') style="color: #00A478 !important; font-weight: bold;" @endif>
        @if(\Route::currentRouteName() == 'profile')
            <img src="{{asset('public')}}/ui3/nav/4.png" class="" style="height: 28px;"> <br>
            <span id="nav_btn4"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">I-Am</font></font></span>
        @else
            <img src="{{asset('public')}}/ui3/nav/4.png" class="gray" style="height: 28px;"> <br>
            <span id="nav_btn4"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">I-Am</font></font></span>
        @endif
    </div>
</nav>
