@if(Route::currentRouteName() == 'web.home')
<header class="wrapper bg-soft-primary">
  <nav class="navbar navbar-expand-lg classic transparent position-absolute navbar-dark">
    <div class="container flex-lg-row flex-nowrap align-items-center">
      <div class="navbar-brand w-100">
        <a href="https://panjikrisna.my.id">
            <div class="d-flex align-items-center">
                <img class=" w-9 h-9 object-cover rounded-circle logo-light" src="https://panjikrisna.my.id/web/img/photos/panji-profile.png" alt="" style="margin-right: 8px;">
                <span class="h3 mt-0 mb-0 ml-4 text-white logo-light">Panji Krisna</span>
            </div>
            <div class="d-flex align-items-center">
                <img class="w-9 h-9 object-cover rounded-circle logo-dark" src="https://panjikrisna.my.id/web/img/photos/panji-profile.png" alt="" style="margin-right: 8px;">
                <span class="h3 mt-0 mb-0 ml-2 logo-dark">Panji Krisna</span>
            </div>
        </a>
    </div>
      <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
        <div class="offcanvas-header d-lg-none">
          <h3 class="text-white fs-30 mb-0">Panji Krisna</h3>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
          <ul class="navbar-nav">
              <li class="nav-item "><a class="nav-link {{Request::is('portofolio') ? "active " : "" }}" href="{{route('web.portofolio')}}" wire:navigate  wire:loading >Portofolio</a></li>
              
              <li class="nav-item "><a class="nav-link {{Request::is('article') ? "active " : "" }}" href="{{route('web.article.index')}}" wire:navigate  wire:loading >Articles</a></li>
              
              <!--<li class="nav-item "><a class="nav-link" target="_blank" href="https://www.upwork.com/freelancers/robbybirhamnurfajri" >Upwork</a></li>-->
          </ul>
          <!-- /.navbar-nav -->
          <div class="offcanvas-footer d-lg-none">
            <div>
              <!--<a href="mailto:robbybirhamn@gmail.com" class="link-inverse">mail.panjikrisna@gmail.com</a>-->
              <nav class="nav social social-white mt-4">
                <a href="#"><i class="uil uil-facebook-f"></i></a>
                <a href="#"><i class="uil uil-linkedin"></i></a>
                <a href="#"><i class="uil uil-instagram"></i></a>
              </nav>
              <!-- /.social -->
            </div>
          </div>
          <!-- /.offcanvas-footer -->
        </div>
        <!-- /.offcanvas-body -->
      </div>
      <!-- /.navbar-collapse -->
      <div class="navbar-other ms-lg-4">
        <ul class="navbar-nav flex-row align-items-center ms-auto">
              <li class="nav-item d-none d-md-block">
                
                <!--<a class="btn btn-white btn-icon btn-icon-start rounded-pill"  href="https://api.whatsapp.com/send/?phone=6287700551716" target="_blank">-->
                <!--  Whatshapp-->
                <!--</a>-->
                  <!-- <a href="#" class="btn btn-sm btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="trueLink">Download CV</a> -->
              </li>
              <li class="nav-item d-lg-none">
                <button class="hamburger offcanvas-nav-btn"><span></span></button>
              </li>
        </ul>
        <!-- /.navbar-nav -->
      </div>
      <!-- /.navbar-other -->
    </div>
    <!-- /.container -->
  </nav>
</header>
@else
<nav class="navbar navbar-expand-lg classic navbar-light navbar-bg-light">
  <div class="container flex-lg-row flex-nowrap align-items-center">
    <div class="navbar-brand w-100">
      <a href="{{url('/')}}">
          <div class="d-flex align-items-center">
            <img class="w-9 h-9 object-cover rounded-circle logo-dark" src="{{asset('web/img/photos/panji-profile.png')}}" alt="" style="margin-right: 8px;">
            <span class="h3 mt-0 mb-0 ml-2 logo-dark">Panji Krisna</span>
          </div>
      </a>
    </div>
    <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
      <div class="offcanvas-header d-lg-none">
        <a href="./index.php">
          <div class="d-flex align-items-center">
            <img class="w-9 h-9 object-cover rounded-circle logo-light" src="{{asset('web/img/photos/panji-profile.png')}}" alt="" style="margin-right: 8px;">
            <span class="h3 mt-0 mb-0 ml-2 text-white logo-light">Panji Krisna</span>
          </div>
        </a>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
      </div>
      <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
        <ul class="navbar-nav">
              <li class="nav-item "><a class="nav-link {{Request::is('portofolio') ? "active " : "" }}" href="{{route('web.portofolio')}}" wire:navigate  wire:loading >Portofolio</a></li> 
               <li class="nav-item "><a class="nav-link {{Request::is('article') ? "active " : "" }}" href="{{route('web.article.index')}}" wire:navigate  wire:loading >Articles</a></li>
               <!--<li class="nav-item "><a class="nav-link" target="_blank" href="https://www.upwork.com/freelancers/robbybirhamnurfajri" >Upwork</a></li>-->
        </ul>
        <!-- /.navbar-nav -->
        <div class="d-lg-none mt-auto pt-6 pb-6 order-4">
          <!--<a href="mailto:robbybirhamn@gmail.com" class="link-inverse">robbybirhamn@gmail.com</a>-->
          <!--<a href="https://api.whatsapp.com/send/?phone=6281327272428" class="link-inverse"target="_blank">0877-0055-1716 </a>-->
          <nav class="nav social social-white mt-4">
            <a href="#"><i class="uil uil-facebook-f"></i></a>
            <a href="#"><i class="uil uil-linkedin"></i></a>
            <a href="#"><i class="uil uil-instagram"></i></a>
          </nav>
          <!-- /.social -->
        </div>
        <!-- /offcanvas-nav-other -->
      </div>
      <!-- /.offcanvas-body -->
    </div>
    <!-- /.navbar-collapse -->
    <div class="navbar-other ms-lg-4">
      <ul class="navbar-nav flex-row align-items-center ms-auto">
              <li class="nav-item d-none d-md-block">
                
                <!--<a href="https://api.whatsapp.com/send/?phone=6281388758661" target="_blank" class="btn btn-navy btn-icon btn-icon-start rounded-pill">-->
                <!--  <i class="uil uil-whatshapp-alt"></i> whatshapp-->
                <!--</a>-->
                  <!-- <a href="#" class="btn btn-sm btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="trueLink">Download CV</a> -->
              </li>
              <li class="nav-item d-lg-none">
                <button class="hamburger offcanvas-nav-btn"><span></span></button>
              </li>
        </ul>
      <!-- /.navbar-nav -->
    </div>
    <!-- /.navbar-other -->
  </div>
  <!-- /.container -->
</nav>
<!-- /.navbar -->


@endif