@if($navItem === "landing")
<li>
    <a href="{{route('index')}}" class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent"><i class="fa-solid fa-house-circle-check"></i> Home</a>
</li>
@else
<li>
    <a href="{{route('index')}}" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"><i class="fa-solid fa-house-circle-check"></i> Home</a>
</li>
@endif

@if(session('appusr'))
<li>
    <a href="{{route('applicant.profile')}}" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"><i class="fa-solid fa-id-card"></i> Go to Profile</a>
</li>
@else

@if($navItem === "slogin")
<li>
    <a href="{{route('applicant.login')}}" class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent"><i class="fa-solid fa-arrow-right-to-bracket"></i> Applicant's Login</a>
</li>
@else
<li>
    <a href="{{route('applicant.login')}}" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"><i class="fa-solid fa-arrow-right-to-bracket"></i> Applicant's Login</a>
</li>
@endif

@if($navItem === "register")
<li>
    <a href="{{route('applicant.register')}}" class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent"><i class="fa-solid fa-registered"></i> Register</a>
</li>
@else
<li>
    <a href="{{route('applicant.register')}}" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"><i class="fa-solid fa-registered"></i> Register</a>
</li>
@endif

@endif

@if($navItem === "support")
<li>
    <a href="{{route('contacts')}}" class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent"><i class="fa-solid fa-headset"></i> Contact</a>
</li>
@else
<li>
    <a href="{{route('contacts')}}" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"><i class="fa-solid fa-headset"></i> Contact</a>
</li>
@endif