@if(auth()->user()->role !== 'Owner')
<aside class="left-sidebar with-vertical">
    <!-- Sidebar scroll-->
    <div>
        <div class="brand-logo d-flex align-items-center justify-content-between">
            <a href="/" class="text-nowrap logo-img">
                <img src="{{ asset('assets/starbill/img/logo-black.png') }}" style="width:140px" class="dark-logo" />
                <img src="{{ asset('assets/starbill/img/logo-white.png') }}" style="width:140px" class="light-logo" />
            </a>
            <a href="javascript:void(0)" class="sidebartoggler ms-auto text-decoration-none fs-5 d-block d-xl-none">
                <i class="ti ti-x"></i>
            </a>
        </div>
        <!-- Sidebar navigation-->
        <nav class="sidebar-nav scroll-sidebar" data-simplebar>
            <ul id="sidebarnav">
                <!-- ============================= -->
                <!-- Home -->
                <!-- ============================= -->
                <li class="nav-small-cap">
                    <i class="ti ti-dots nav-small-cap-icon fs-4"></i>
                    <span class="hide-menu">MENU</span>
                </li>
                <!-- =================== -->
                <!-- Dashboard -->
                <!-- =================== -->

                <li class="sidebar-item">
                    <a class="sidebar-link" href="/" aria-expanded="false">
                        <span>
                            <i class="ti ti-dashboard"></i>
                        </span>
                        <span class="hide-menu">Dashboard</span>
                    </a>
                </li>

                @if (auth()->user()->role === 'Admin' || auth()->user()->role === 'Helpdesk' || auth()->user()->role === 'Teknisi')
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="/olt" aria-expanded="false">
                            <span>
                                <i class="ti ti-network"></i>
                            </span>
                            <span class="hide-menu">OLT</span>
                        </a>
                    </li>
                @endif
                @if (auth()->user()->role !== 'Kasir')
                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-rss"></i>
                            </span>
                            <span class="hide-menu">Hotspot</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/hotspot/user" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">User</span>
                                </a>
                            </li>
                            @if (auth()->user()->role === 'Admin' || auth()->user()->role === 'Helpdesk' || auth()->user()->role === 'Teknisi')
                            <li class="sidebar-item">
                                <a href="/hotspot/online" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Online</span>
                                </a>
                            </li>
                            @endif
                            @if (auth()->user()->role === 'Reseller')
                            {{-- <li class="sidebar-item">
                                <a href="/reseller/transaksi" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Transaksi</span>
                                </a>
                            </li> --}}
                            @endif
                            @if (auth()->user()->role === 'Admin')
                                <li class="sidebar-item">
                                    <a href="/hotspot/profile" class="sidebar-link">
                                        <div class="round-16 d-flex align-items-center justify-content-center">
                                            <i class="ti ti-circle"></i>
                                        </div>
                                        <span class="hide-menu">Profile</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="/hotspot/reseller" class="sidebar-link">
                                        <div class="round-16 d-flex align-items-center justify-content-center">
                                            <i class="ti ti-circle"></i>
                                        </div>
                                        <span class="hide-menu">Reseller</span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </li>
                    @if(auth()->user()->role === 'Admin' || auth()->user()->role === 'Helpdesk' || auth()->user()->role === 'Teknisi')
                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-world"></i>
                            </span>
                            <span class="hide-menu">PPPoE</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/pppoe/user" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">User</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/pppoe/online" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Online</span>
                                </a>
                            </li>
                            @if (auth()->user()->role === 'Admin')
                                <li class="sidebar-item">
                                    <a href="/pppoe/profile" class="sidebar-link">
                                        <div class="round-16 d-flex align-items-center justify-content-center">
                                            <i class="ti ti-circle"></i>
                                        </div>
                                        <span class="hide-menu">Profile</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="/pppoe/setting" class="sidebar-link">
                                        <div class="round-16 d-flex align-items-center justify-content-center">
                                            <i class="ti ti-circle"></i>
                                        </div>
                                        <span class="hide-menu">Setting</span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </li>
                    @endif
                @endif

                @if (auth()->user()->role === 'Kasir' || auth()->user()->role === 'Admin')
                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-receipt"></i>
                            </span>
                            <span class="hide-menu">Billing</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/billing/member" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Member</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/billing/unpaid" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Unpaid</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/billing/paid" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Paid</span>
                                </a>
                            </li>
                            @if (auth()->user()->role === 'Admin')
                                <li class="sidebar-item">
                                    <a href="/billing/setting" class="sidebar-link">
                                        <div class="round-16 d-flex align-items-center justify-content-center">
                                            <i class="ti ti-circle"></i>
                                        </div>
                                        <span class="hide-menu">Setting</span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-wallet"></i>
                            </span>
                            <span class="hide-menu">Keuangan</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/income" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Pemasukan</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/expense" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Pengeluaran</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/transaction" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Transaksi</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                @endif
                @if (auth()->user()->role === 'Admin' || auth()->user()->role === 'Helpdesk' || auth()->user()->role === 'Teknisi')
                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-ticket"></i>
                            </span>
                            <span class="hide-menu">Ticket</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/ticket/psb" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">PSB</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/ticket/ggn" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Gangguan</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if(auth()->user()->role === 'Helpdesk')
                <li class="sidebar-item">
                    <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                        <span class="d-flex">
                            <i class="ti ti-database"></i>
                        </span>
                        <span class="hide-menu">Master</span>
                    </a>
                    <ul aria-expanded="false" class="collapse first-level">
                        <li class="sidebar-item">
                            <a href="/area" class="sidebar-link">
                                <div class="round-16 d-flex align-items-center justify-content-center">
                                    <i class="ti ti-circle"></i>
                                </div>
                                <span class="hide-menu">Area</span>
                            </a>
                        </li>
                        <li class="sidebar-item">
                            <a href="/odp" class="sidebar-link">
                                <div class="round-16 d-flex align-items-center justify-content-center">
                                    <i class="ti ti-circle"></i>
                                </div>
                                <span class="hide-menu">ODP</span>
                            </a>
                        </li>
                    </ul>
                </li>
                @endif

                @if (auth()->user()->role === 'Admin')
                    <li class="nav-small-cap">
                        <i class="ti ti-dots nav-small-cap-icon fs-4"></i>
                        <span class="hide-menu">SETTING</span>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-server"></i>
                            </span>
                            <span class="hide-menu">Mikrotik</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/vpn" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">VPN</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/nas" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">NAS</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="sidebar-item">
                        <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                            <span class="d-flex">
                                <i class="ti ti-database"></i>
                            </span>
                            <span class="hide-menu">Master</span>
                        </a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item">
                                <a href="/company" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Perusahaan</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/area" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">Area</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <a href="/odp" class="sidebar-link">
                                    <div class="round-16 d-flex align-items-center justify-content-center">
                                        <i class="ti ti-circle"></i>
                                    </div>
                                    <span class="hide-menu">ODP</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="sidebar-item">
                        <a class="sidebar-link" href="/user" aria-expanded="false">
                            <span>
                                <i class="ti ti-user"></i>
                            </span>
                            <span class="hide-menu">Users</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="/log" aria-expanded="false">
                            <span>
                                <i class="ti ti-clipboard"></i>
                            </span>
                            <span class="hide-menu">Activity Log</span>
                        </a>
                    </li>
                @endif

                <li class="sidebar-item">
                    <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <a class="sidebar-link" href="route('logout')"
                            onclick="event.preventDefault();
          this.closest('form').submit();"
                            aria-expanded="false">
                            <span>
                                <i class="ti ti-logout"></i>
                            </span>
                            <span class="hide-menu">Logout</span>
                        </a>
                    </form>

                </li>
            </ul>

        </nav>
        <div class="fixed-profile p-3 bg-light-secondary rounded sidebar-ad mt-3">
            <div class="hstack gap-3">
                <div class="john-img">
                    <img src="{{ asset('assets/starbill/dist/images/profile/user-1.jpg') }}" class="rounded-circle"
                        width="40" height="40" alt="">
                </div>
                <div class="john-title">
                    <h6 class="mb-0 fs-4 fw-semibold">{{ auth()->user()->name }}</h6>
                    <span class="fs-2 text-dark">{{ auth()->user()->role }}</span>
                </div>
                <form class="ms-auto" method="POST" action="{{ route('logout') }}">
                    @csrf
                    <button href="route('logout')"
                        onclick="event.preventDefault();
        this.closest('form').submit();"
                        class="border-0 bg-transparent text-primary ms-auto" tabindex="0" type="button"
                        aria-label="logout" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="logout">
                        <i class="ti ti-power fs-6"></i>
                    </button>
                </form>
            </div>
        </div>
        <!-- End Sidebar navigation -->
    </div>
    <!-- End Sidebar scroll-->
</aside>
@endif

@if ($auth = auth()->user()->role === 'Owner')
<aside class="left-sidebar with-vertical">
  <!-- Sidebar scroll-->
  <div>
      <div class="brand-logo d-flex align-items-center justify-content-between">
          <a href="/" class="text-nowrap logo-img">
              <img src="{{ asset('assets/starbill/img/logo-black.png') }}" style="width:140px" class="dark-logo" />
              <img src="{{ asset('assets/starbill/img/logo-white.png') }}" style="width:140px" class="light-logo" />
          </a>
          <a href="javascript:void(0)" class="sidebartoggler ms-auto text-decoration-none fs-5 d-block d-xl-none">
              <i class="ti ti-x"></i>
          </a>
      </div>
      <!-- Sidebar navigation-->
      <nav class="sidebar-nav scroll-sidebar" data-simplebar>
          <ul id="sidebarnav">
              <!-- ============================= -->
              <!-- Home -->
              <!-- ============================= -->
              <li class="nav-small-cap">
                  <i class="ti ti-dots nav-small-cap-icon fs-4"></i>
                  <span class="hide-menu">MENU</span>
              </li>
              <!-- =================== -->
              <!-- Dashboard -->
              <!-- =================== -->

              <li class="sidebar-item">
                  <a class="sidebar-link" href="/" aria-expanded="false">
                      <span>
                          <i class="ti ti-dashboard"></i>
                      </span>
                      <span class="hide-menu">Dashboard</span>
                  </a>
              </li>
              <li class="sidebar-item">
                <a class="sidebar-link" href="/license" aria-expanded="false">
                    <span>
                        <i class="ti ti-award"></i>
                    </span>
                    <span class="hide-menu">License</span>
                </a>
            </li>
              <li class="sidebar-item">
                <a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
                    <span class="d-flex">
                        <i class="ti ti-users"></i>
                    </span>
                    <span class="hide-menu">Users</span>
                </a>
                <ul aria-expanded="false" class="collapse first-level">
                    <li class="sidebar-item">
                        <a href="/user" class="sidebar-link">
                            <div class="round-16 d-flex align-items-center justify-content-center">
                                <i class="ti ti-circle"></i>
                            </div>
                            <span class="hide-menu">Status</span>
                        </a>
                    </li>
                    <li class="sidebar-item">
                        <a href="/user/billing" class="sidebar-link">
                            <div class="round-16 d-flex align-items-center justify-content-center">
                                <i class="ti ti-circle"></i>
                            </div>
                            <span class="hide-menu">Billing</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="/logs" aria-expanded="false">
                  <span>
                      <i class="ti ti-lock"></i>
                  </span>
                  <span class="hide-menu">Log</span>
              </a>
          </li>

              <li class="sidebar-item">
                  <form method="POST" action="{{ route('logout') }}">
                      @csrf
                      <a class="sidebar-link" href="route('logout')"
                          onclick="event.preventDefault();
        this.closest('form').submit();"
                          aria-expanded="false">
                          <span>
                              <i class="ti ti-logout"></i>
                          </span>
                          <span class="hide-menu">Logout</span>
                      </a>
                  </form>

              </li>
          </ul>

      </nav>
      <div class="fixed-profile p-3 bg-light-secondary rounded sidebar-ad mt-3">
          <div class="hstack gap-3">
              <div class="john-img">
                  <img src="{{ asset('assets/starbill/dist/images/profile/user-1.jpg') }}" class="rounded-circle"
                      width="40" height="40" alt="">
              </div>
              <div class="john-title">
                  <h6 class="mb-0 fs-4 fw-semibold">{{ auth()->user()->name }}</h6>
                  <span class="fs-2 text-dark">{{ auth()->user()->role }}</span>
              </div>
              <form class="ms-auto" method="POST" action="{{ route('logout') }}">
                  @csrf
                  <button href="route('logout')"
                      onclick="event.preventDefault();
      this.closest('form').submit();"
                      class="border-0 bg-transparent text-primary ms-auto" tabindex="0" type="button"
                      aria-label="logout" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="logout">
                      <i class="ti ti-power fs-6"></i>
                  </button>
              </form>
          </div>
      </div>
      <!-- End Sidebar navigation -->
  </div>
  <!-- End Sidebar scroll-->
</aside>
{{-- <a class="nav-link" href="/license">
    <div class="nav-link-icon"><i data-feather="award"></i></div>
    License
</a>
<a class="nav-link collapsed" href="javascript:void(0);" data-bs-toggle="collapse"
    data-bs-target="#collapseUser" aria-expanded="false" aria-controls="collapseUser">
    <div class="nav-link-icon"><i data-feather="users"></i></div>
    Users
    <div class="sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
<div class="collapse" id="collapseUser" data-bs-parent="#accordionSidenav">
    <nav class="sidenav-menu-nested nav">
        <a class="nav-link" href="/user">Status</a>
        <a class="nav-link" href="/user/billing">Billing</a>
    </nav>
</div>
<a class="nav-link" href="/logs" target="_blank">
    <div class="nav-link-icon"><i data-feather="airplay"></i></div>
    App Log
</a> --}}
@endif