<style>
    .nav-link.active {
        /* border-bottom: 2px solid #7E4555; */
        font-weight: 600;
        color: white !important;
        background-color: #097633;
        border-radius: 10px;
    }

    .menu_hover:hover {
        /* border-bottom: 2px solid #7E4555; */
        font-weight: 600;
        color: white !important;
        background-color: #097633;
        border-radius: 10px;
    }

    .nav_css {
        justify-content: space-between;
        width: 100%;
        display: flex;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #097633;
    }
</style>
<nav class="navbar navbar-expand-lg navbar-light "
    style="background-color: #d1994c; border-top: 1px solid black; border-bottom: 1px solid black;">
    <div class="container">
        {{-- <a class="navbar-brand" href="#">Navbar</a> --}}
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav  nav_css me-auto mb-2 mb-lg-0">
                <li class="nav-item menu_css">
                    <a class="nav-link {{ Route::currentRouteName() == 'home' ? 'active' : '' }}" aria-current="page"
                        href="{{ route('home') }}" id="home-link"
                        style="font-weight: 1000 !important; font-size: 15px !important;">
                        {{ strtoupper('Home') }}
                    </a>

                </li>
                <li class="nav-item   dropdown">
                    <a class="nav-link menu_hover  dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false"
                        style="font-weight: 1000 !important;font-size: 15px !important;">
                        {{ strtoupper('Donations') }}
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="dropdown-item" href="{{ route('donations') }}">General Donations</a></li>
                        <li>
                            <a class="dropdown-item" href="{{ route('recurring-sponsor-now', 'recurring-donations') }}">
                                Recurring Donations</a>

                        </li>
                        <li><a class="dropdown-item" href="{{ route('gharbhalaya_land_donations') }}">Gharbhalaya Land
                                Donations</a></li>
                        <li><a class="dropdown-item" href="#">Garbhalaya Stone Donations</a></li>
                        <li>
                            <hr class="dropdown-divider">
                        </li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link menu_hover {{ Route::currentRouteName() == 'services' ? 'active' : '' }}"
                        href="{{ route('SponsorNow') }}"
                        style="font-weight: 1000 !important;font-size: 15px !important;">{{ strtoupper('SPONSORSHIPS') }}</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link  menu_hover {{ Route::currentRouteName() == 'all-upcoming-events' ? 'active' : '' }} "
                        href="{{ route('all-upcoming-events') }}" tabindex="-1" aria-disabled="true"
                        style="font-weight: 1000 !important;font-size: 15px !important;">{{ strtoupper('Events') }}</a>
                </li>
                <li class="nav-item ">
                    <a class="nav-link menu_hover {{ Route::currentRouteName() == 'calendar' ? 'active' : '' }}"
                        href="{{ route('calendar') }}"
                        style="font-weight: 1000 !important;font-size: 15px !important;">{{ strtoupper('Calendar') }}</a>
                </li>


                <li class="nav-item">
                    <a class="nav-link  menu_hover " href="{{ route('membership-form') }}" tabindex="-1"
                        aria-disabled="true"
                        style="font-weight: 1000 !important;font-size: 15px !important;">{{ strtoupper('MEMBERSHIP FORM') }}</a>
                </li>


                {{-- <li class="nav-item  dropdown">
                    <a class="nav-link menu_hover dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false"
                        style="font-weight: 1000 !important;font-size: 15px !important;">
                        {{ strtoupper('Forms') }}

                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">

                        <li><a class="dropdown-item" href="{{ route('membership-form') }}">MEMBERSHIP FORM</a>
                        </li>

                        <li>
                            <hr class="dropdown-divider">
                        </li>

                    </ul>

                </li> --}}
                <li class="nav-item  dropdown">
                    <a class="nav-link menu_hover dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false"
                        style="font-weight: 1000 !important;font-size: 15px !important;">
                        {{ strtoupper(' About Temple') }}

                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="dropdown-item" href="{{ route('about-temple') }}">About Temple</a></li>
                        {{-- <li><a class="dropdown-item" href="{{ route('about-deities') }}">About Deities</a></li>
                        <li><a class="dropdown-item" href="{{ route('about-priest') }}">About Priests</a></li> --}}
                        <li>
                            <hr class="dropdown-divider">
                        </li>
                    </ul>
                </li>
                {{-- @php
                    if (session('logged_in') == 1 ) {
                    $userSession = session('refDataName');
                    @endphp

                    <li class="nav-item">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                            data-bs-toggle="dropdown" aria-expanded="false"
                            style="font-weight: 1000 !important;font-size: 15px !important;">
                            {{ strtoupper('My Profile') }}
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            @if (session('userType') == 'Devotee')
                            <li><a class="dropdown-item {{ Route::currentRouteName() == 'admin.dashboard' ? 'active' : '' }}"
                                    href="{{ route('admin.dashboard') }}">My Profile</a></li>
                            @elseif(session('userType') == 'Managements')
                            <li><a class="dropdown-item" href="#">My Profile</a></li>
                            @endif
                            <li><a class="dropdown-item" href="{{route('admin.logout')}}">Logout</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                        </ul>
                    </li>

                    @php
                    } else {
                    @endphp
                    <li class="nav-item menu_hover menu_css">
                        <a class="nav-link {{ Route::currentRouteName() == 'he' ? 'active' : '' }}" aria-current="page"
                            href="javascript:void(0);" id="home-link" onclick="checkLoginStatus()"
                            style="font-weight: 1000 !important; font-size: 15px !important;">
                            {{ strtoupper('SIGN-IN') }}
                        </a>

                    </li>
                    @php
                    }
                    @endphp --}}

            </ul>
            {{-- <form class="d-flex">
                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success" type="submit">Search</button>
            </form> --}}
        </div>
    </div>
</nav>

{{-- --}}
