<!-- component -->
<style>
  .nav-link.active {
    background-color: #09410f; /* Contoh perubahan warna */
    color: rgb(1, 3, 1); /* Contoh perubahan warna teks */
    border-radius: 5px;
}
</style>
<nav class="relative select-none bg-success lg:flex  w-full">
    <div class="flex flex-no-shrink items-stretch h-9">
      <a class="nav-link {{ Request::routeIs('Laporan-Harian') ? 'active' : '' }} flex-no-grow flex-no-shrink relative py-2 px-4 leading-normal text-white no-underline flex items-center hover:bg-grey-dark" href="{{ route('Laporan-Harian') }}">R.Harian</a>
      <a class="nav-link {{ Request::routeIs('list-transaksi-lunas') ? 'active' : '' }} flex-no-grow flex-no-shrink relative py-2 px-4 leading-normal text-white no-underline flex items-center hover:bg-grey-dark" href="{{ url('#') }}">R.Bulanan</a>
  </nav>  
  