<nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm fixed-top">
  <div class="container">
    
    <a class="navbar-brand d-flex align-items-center" href="/">
      <img src="{{ asset('assets/landing-page/images/logo-sembrani.png') }}" alt="Sembrani Logo" class="me-2" />
    </a>

    <button
      class="navbar-toggler"
      type="button"
      data-bs-toggle="collapse"
      data-bs-target="#navbarMenu"
    >
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarMenu">
      <div class="ms-auto navbar-nav">
        <a class="nav-link mx-2 {{ request()->routeIs('home*') ? 'active' : '' }}" href="{{ url('home') }}">Beranda</a>
        <a class="nav-link mx-2 {{ request()->routeIs('portfolio*') ? 'active' : '' }}" href="{{ url('portfolio') }}">Portofolio</a>
        {{-- <a class="nav-link mx-2 {{ request()->routeIs('blog*') ? 'active' : '' }}" href="{{ url('blog') }}">Blog</a> --}}
        {{-- <a class="nav-link mx-2 {{ request()->routeIs('gallery*') ? 'active' : '' }}" href="{{ url('gallery') }}">Galeri</a> --}}
        <a class="nav-link mx-2 {{ request()->routeIs('service*') ? 'active' : '' }}" href="{{ url('service') }}">Layanan Kami</a>
        <a class="nav-link mx-2 {{ request()->routeIs('contact-us*') ? 'active' : '' }}" href="{{ url('contact-us') }}" href="/kontak">Kontak Kami</a>
      </div>
    </div>

    <!-- Language Dropdown -->
    <div class="dropdown ms-3">
      <button
        class="btn btn-light dropdown-toggle d-flex align-items-center"
        type="button"
        data-bs-toggle="dropdown"
      >
        <img id="selectedFlag" src="https://flagcdn.com/w20/id.png" width="20" class="me-2">
        <span id="selectedLanguage">Indonesia</span>
      </button>

      <ul class="dropdown-menu dropdown-menu-end" id="languageList">
      </ul>
    </div>

    <!-- Google Translate Hidden -->
    <div id="google_translate_element" style="display:none;"></div>

  </div>
</nav>