<header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
        @php
            $data = DB::table('settings')->first();
        @endphp

        @if (!empty($data->logo))
            <a href="{{ route('home') }}" class="logo d-flex align-items-center me-auto me-lg-0">
                <span class="sitename">
                    <img src="{{ asset($data->logo) }}" alt="Rasem Corp">
                </span>
            </a>
        @else
            <a href="{{ route('home') }}" class="logo d-flex align-items-center me-auto me-lg-0">
                <span class="sitename">
                    Rasem Corp
                </span>
            </a>
        @endif
        <nav id="navmenu" class="navmenu">
            <ul>
                <li class="{{ Request::path() == 'home' ? 'active' : '' }}"><a href="{{ route('home') }}">Home</a></li>
                <li class="{{ Request::path() == 'about-us' ? 'active' : '' }}"><a
                        href="{{ route('about-us') }}">Quienes Somos</a></li>
                <li class="{{ Request::path() == 'Salud' ? 'active' : '' }}"><a href="{{ route('salud') }}">Salud</a>
                </li>
                <li class="{{ Request::path() == 'ingenieria_construccion' ? 'active' : '' }}"><a
                        href="{{ route('ingenieria_construccion') }}">Ingenieria y Construccion</a></li>
                {{-- <li class="@if (Request::path() == 'product-grids' || Request::path() == 'product-lists') active @endif"><a
                        href="{{ route('product-grids') }}">Productos</a><span class="new">New</span></li> --}}
                {{-- <li class="{{ Request::path() == 'blog' ? 'active' : '' }}"><a href="{{ route('blog') }}">Blog</a></li> --}}
                <li class="{{ Request::path() == 'contact' ? 'active' : '' }}"><a
                        href="{{ route('contact') }}">Contactanos</a></li>

                {{-- <li class="dropdown"><a href="#"><span>Dropdown</span> <i
                            class="bi bi-chevron-down toggle-dropdown"></i></a>
                    <ul>
                        <li><a href="#">Dropdown 1</a></li>
                        <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i
                                    class="bi bi-chevron-down toggle-dropdown"></i></a>
                            <ul>
                                <li><a href="#">Deep Dropdown 1</a></li>
                                <li><a href="#">Deep Dropdown 2</a></li>
                                <li><a href="#">Deep Dropdown 3</a></li>
                                <li><a href="#">Deep Dropdown 4</a></li>
                                <li><a href="#">Deep Dropdown 5</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Dropdown 2</a></li>
                        <li><a href="#">Dropdown 3</a></li>
                        <li><a href="#">Dropdown 4</a></li>
                    </ul>
                </li> --}}
            </ul>
            <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
        </nav>

        <a class="btn-getstarted" href="{{ route('login') }}">Login</a>

    </div>
</header>
