<style media="screen">
  .menu-icon {width: 20px; fill: rgba(var(--primary-600), var(--tw-text-opacity));}
  .dark .menu-icon{
    fill: rgba(var(--primary-600), var(--tw-text-opacity));
  }

  @media only screen and (min-width: 768px) {
    .menu-width{
      width: 70%;
    }
  }
</style>
<?php
$userAgent = $_SERVER['HTTP_USER_AGENT']; // Tarayıcı bilgisini al
$browserName = strtok($userAgent, '/'); // "/" karakterinden önceki kısmı al

if ($browserName === "SSMobil") {

}else {
  ?>
  <nav class="menu-width fi-sidebar-nav flex-grow flex flex-col gap-y-7 overflow-y-auto overflow-x-hidden px-6 py-8" style="scrollbar-gutter: stable;">
      <ul class="fi-sidebar-nav-groups -mx-2 flex flex-col gap-y-7">
          <li class="fi-sidebar-group flex flex-col gap-y-1 @if(request()->routeIs('dashboard')) fi-active @endif">
              <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
                  <li class="fi-sidebar-item @if(request()->routeIs('dashboard')) fi-active fi-sidebar-item-active @endif flex flex-col gap-y-1">
                      <a
                          href="{{ route('dashboard') }}"
                          wire:navigate=""
                          x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
                          class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 @if(request()->routeIs('dashboard')) bg-gray-100 dark:bg-white/5 @endif"
                      >
                          <svg
                              class="fi-sidebar-item-icon h-6 w-6 text-primary-600 dark:text-primary-400"
                              xmlns="http://www.w3.org/2000/svg"
                              fill="none"
                              viewbox="0 0 24 24"
                              stroke-width="1.5"
                              stroke="currentColor"
                              aria-hidden="true"
                              data-slot="icon"
                          >
                              <path
                                  stroke-linecap="round"
                                  stroke-linejoin="round"
                                  d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
                              ></path>
                          </svg>
                          <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Anasayfa</span>
                      </a>
                  </li>
              </ul>
          </li>
          <li class="fi-sidebar-item @if(request()->is('domains*')) fi-active @endif">
          <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
          <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('domains*')) fi-active fi-sidebar-item-active @endif">
              <a href="{{ route('domains') }}" class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 @if(request()->is('domains*')) bg-gray-100 dark:bg-white/5 @endif">
                <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/domains.png" alt="Domains Icon">
                  <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Domainlerim</span>
              </a>
          </li>
          </ul>
          </li>
          <li class="fi-sidebar-item @if(request()->is('hostings*')) fi-active @endif">
      <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
          <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('hostings*')) fi-active fi-sidebar-item-active @endif">
              <a href="{{ route('hostings') }}" class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 @if(request()->is('hostings*')) bg-gray-100 dark:bg-white/5 @endif">
                <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/hostings.png" alt="Hostings Icon">
                  <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Hostinglerim</span>
              </a>
          </li>
      </ul>
  </li>

  <li class="fi-sidebar-item @if(request()->is('servers*')) fi-active @endif">
  <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
  <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('servers*')) fi-active fi-sidebar-item-active @endif">
      <a href="{{ route('servers') }}" class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 @if(request()->is('servers*')) bg-gray-100 dark:bg-white/5 @endif">
        <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/servers.png" alt="Others Icon">
          <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Sunucularım</span>
      </a>
  </li>
  </ul>
  </li>

<li class="fi-sidebar-item @if(request()->is('kurumsal-mail*')) fi-active @endif">
  <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
    <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('kurumsal-mail*')) fi-active fi-sidebar-item-active @endif">
      <a href="{{ route('kurumsal-mail') }}"
         class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5
         @if(request()->is('kurumsal-mail*')) bg-gray-100 dark:bg-white/5 @endif">
        <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/kurumsal-mail.png" alt="Kurumsal Mail Icon">
        <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Kurumsal Mail</span>
      </a>
    </li>
  </ul>
</li>

<li class="fi-sidebar-item @if(request()->is('others*')) fi-active @endif">
  <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
    <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('others*')) fi-active fi-sidebar-item-active @endif">
      <a href="{{ route('others') }}"
         class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5
         @if(request()->is('others*')) bg-gray-100 dark:bg-white/5 @endif">
        <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/others.png" alt="Others Icon">
        <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Diğer Hizmetler</span>
      </a>
    </li>
  </ul>
</li>
  <li class="fi-sidebar-item @if(request()->is('invoices*')) fi-active @endif">
  <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
  <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('invoices*')) fi-active fi-sidebar-item-active @endif">
      <a href="{{ route('invoices') }}" class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 @if(request()->is('invoices*')) bg-gray-100 dark:bg-white/5 @endif">
        <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/invoices.png" alt="Invoices Icon">
          <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Faturalarım</span>
      </a>
  </li>
  </ul>
  </li>
  <li class="fi-sidebar-item @if(request()->is('tickets*')) fi-active @endif">
  <ul class="fi-sidebar-group-items flex flex-col gap-y-1">
  <li class="fi-sidebar-item flex flex-col gap-y-1 @if(request()->is('tickets*')) fi-active fi-sidebar-item-active @endif">
      <a href="{{ route('tickets') }}" class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 @if(request()->is('tickets*')) bg-gray-100 dark:bg-white/5 @endif">
          <img style="width:20px;" src="https://sspanel.serversistemleri.com/img/support-icon.png" alt="Support Icon">
          <span class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400">Destek Taleplerim</span>
      </a>
  </li>
  </ul>
  </li>
      </ul>
  </nav>
  <?php
}
?>
