<div class="py-4 text-gray-500 dark:text-gray-400">
<div class="flex items-center gap-6" style="margin-left: 23px;">
    <div class="flex p-4 rounded-xl bg-white/[4%] outline outline-1 outline-white/[4%]">
    <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 16 16"><path fill="#686868" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z" /></svg>    </div>
    <div class="grid gap-1">
        <div class="flex gap-4 items-center">
          <a href="/profile">
            <h1 class="font-[Onest] font-medium general-animation text-white text-lg">{{ Auth::user()->name }}</h1>
          </a>
        </div>
        <a href="/store" class="flex gap-3 items-center opacity-50 hover:opacity-100 smooth">
            <span class="icon-[gravity-ui--credit-card] size-4 text-white"></span>
            <h1 class="font-[Onest] general-animation font-normal text-white" style="margin-left: -30px;">
            {{ Auth::user()->Credits() }} <span class="font-[Onest]">₽</span>
            </h1>
        </a>
    </div>
</div>
  <ul class="mt-6">
    <li class="relative px-6 py-3">
      @if (Request::routeIs('home'))
      @endif

      <a class="inline-flex items-center w-full text-sm font-semibold active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('home')) text-gray-800 dark:text-gray-100 @endif"
        href="{{ route('home') }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
		<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" />
		<path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
	</g>
</svg>

        <span class="ml-4">{{ __('Dashboard') }}</span>
      </a>
    </li>
  </ul>
  <ul>



    <li class="relative px-6 py-3">
      @if (Request::routeIs('notifications.index'))
      @endif

      <a class="inline-flex active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('notifications.index')) text-gray-800 dark:text-gray-100 @endif"
        href="{{ route('notifications.index') }}">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="1.2em" height="1.2em" fill-rule="nonzero"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(2,2)"><path d="M12.81,46.31c0.24,0.06 0.49,0.09 0.73,0.09c1.34,0 2.57,-0.91 2.91,-2.27c2.78,-11.12 9.4,-20.97 18.63,-27.71c1.34,-0.98 1.63,-2.85 0.65,-4.19c-0.98,-1.34 -2.85,-1.63 -4.19,-0.65c-10.36,7.57 -17.79,18.61 -20.91,31.1c-0.41,1.6 0.57,3.23 2.18,3.63zM92.93,16.42c9.23,6.74 15.84,16.58 18.63,27.71c0.34,1.36 1.56,2.27 2.91,2.27c0.24,0 0.49,-0.03 0.73,-0.09c1.61,-0.4 2.58,-2.03 2.18,-3.64c-3.12,-12.48 -10.55,-23.53 -20.91,-31.1c-1.34,-0.98 -3.21,-0.69 -4.19,0.65c-0.98,1.35 -0.69,3.22 0.65,4.2zM19.2,90.85c-0.98,3.91 -0.12,7.98 2.37,11.15c2.48,3.18 6.22,5 10.25,5h14.46c1.43,8.5 8.83,15 17.73,15c8.9,0 16.29,-6.5 17.73,-15h14.46c4.03,0 7.77,-1.82 10.25,-5c2.48,-3.18 3.34,-7.24 2.37,-11.15l-10.85,-43.32c-3.9,-15.62 -17.87,-26.53 -33.97,-26.53c-16.1,0 -30.07,10.91 -33.97,26.53zM64,116c-5.58,0 -10.27,-3.83 -11.61,-9h23.21c-1.33,5.17 -6.02,9 -11.6,9zM64,27c13.34,0 24.92,9.04 28.15,21.98l10.83,43.32c0.53,2.11 0.06,4.29 -1.27,6.01c-1.34,1.71 -3.35,2.69 -5.52,2.69h-64.38c-2.17,0 -4.18,-0.98 -5.52,-2.69c-1.34,-1.71 -1.8,-3.9 -1.27,-6.01l10.83,-43.32c3.23,-12.94 14.81,-21.98 28.15,-21.98z"></path></g></g></svg>
	<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
		<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" />
		<path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
	</g>
</svg>

        <span class="ml-4">{{ __('Уведомления') }}</span>
      </a>
    </li>
  </ul>
  <ul>


  <ul>
  

  @if (env('APP_ENV') == 'local' ||
            (config('SETTINGS::PAYMENTS:PAYPAL:SECRET') && config('SETTINGS::PAYMENTS:PAYPAL:CLIENT_ID')) ||
            (config('SETTINGS::PAYMENTS:STRIPE:SECRET') &&
                config('SETTINGS::PAYMENTS:STRIPE:ENDPOINT_SECRET') &&
                config('SETTINGS::PAYMENTS:STRIPE:METHODS')))
      <li class="relative px-6 py-3">
        @if (Request::routeIs('store.*'))
        @endif
        <a class="inline-flex items-center w-full active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('store.*')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('store.index') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<path fill="currentColor" fill-rule="evenodd" d="M9.944 3.25h4.112c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.09.673.127 1.456.142 2.363a.8.8 0 0 1 .004.23q.009.848.007 1.84v.112c0 1.838 0 3.294-.153 4.433c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433v-.112q-.002-.992.007-1.84a.8.8 0 0 1 .003-.23c.016-.907.053-1.69.143-2.363c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153m-7.192 7.5q-.002.582-.002 1.25c0 1.907.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.028.14-2.382.14-4.289q0-.668-.002-1.25zm18.472-1.5H2.776c.02-.587.054-1.094.114-1.54c.135-1.005.389-1.585.812-2.008s1.003-.677 2.009-.812c1.028-.138 2.382-.14 4.289-.14h4c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.06.445.094.952.114 1.539M5.25 16a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75m6.5 0a.75.75 0 0 1 .75-.75H14a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75" clip-rule="evenodd" />
</svg>
          <span class="ml-4">{{ __('Store') }}</span>
        </a>
      </li>
    @endif

    <li class="relative px-6 py-3">
      @if (Request::routeIs('servers.create'))
      @endif

      <a class="inline-flex items-center w-full text-sm active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('servers.create')) text-gray-800 dark:text-gray-100 @endif"
        href="{{ route('servers.create') }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.864 16.455c-.858-3.432-1.287-5.147-.386-6.301S6.148 9 9.685 9h4.63c3.538 0 5.306 0 6.207 1.154s.472 2.87-.386 6.301c-.546 2.183-.818 3.274-1.632 3.91c-.814.635-1.939.635-4.189.635h-4.63c-2.25 0-3.375 0-4.189-.635c-.814-.636-1.087-1.727-1.632-3.91Z"/><path d="m19.5 9.5l-.71-2.605c-.274-1.005-.411-1.507-.692-1.886A2.5 2.5 0 0 0 17 4.172C16.56 4 16.04 4 15 4M4.5 9.5l.71-2.605c.274-1.005.411-1.507.692-1.886A2.5 2.5 0 0 1 7 4.172C7.44 4 7.96 4 9 4"/><path d="M9 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M8 13v4m8-4v4m-4-4v4"/></g></svg>
	<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
		<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" />
		<path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
	</g>
</svg>

        <span class="ml-4">{{ __('Приобрести услугу') }}</span>
      </a>
    </li>
  </ul>

  <li class="relative px-6 py-1">
        <span class="text-sm font-bold sidebar-grad">{{ __('УСЛУГИ') }}</span>
      </li>
    
    <li class="relative px-6 py-3">
      @if (Request::routeIs('servers.*'))
      @endif
      <a class="inline-flex items-center w-full text-sm font-semibold active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('servers.*')) text-gray-800 dark:text-gray-100 @endif"
        href="{{ route('servers.index') }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
		<path d="M13 16h5M6 8l4 4l-4 4" />
		<path d="M2 18V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2" />
	</g>
</svg>
        <span class="ml-4">{{ __('Игровые серверы') }}</span>
        <!-- <span class="ml-auto text-xs rounded py-0.5 px-2 bg-gray-700/70 text-gray-300">
          {{ Auth::user()->servers()->count() }} /
          {{ Auth::user()->server_limit }}
        </span> -->
      </a>
    </li>


    <!-- <li class="relative px-6 py-3">
      @if (Request::routeIs('servers.*'))
      @endif
      <a class="inline-flex items-center w-full text-sm font-semibold active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('servers.*')) text-gray-800 dark:text-gray-100 @endif"
        href="{{ route('servers.index') }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
		<path d="M13 16h5M6 8l4 4l-4 4" />
		<path d="M2 18V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2" />
	</g>
</svg>
        <span class="ml-4">{{ __('Виртуальные серверы') }}</span> -->
        <!-- <span class="ml-auto text-xs rounded py-0.5 px-2 bg-gray-700/70 text-gray-300">
          {{ Auth::user()->servers()->count() }} /
          {{ Auth::user()->server_limit }}
        </span> -->
      <!-- </a>
    </li> -->

    <li class="relative px-6 py-1">
        <span class="text-sm font-bold sidebar-grad">{{ __('ПОДДЕРЖКА') }}</span>
      </li>

    @if (config('SETTINGS::TICKET:ENABLED'))
      <li class="relative px-6 py-3">
        @if (Request::routeIs('ticket.*'))
                @endif
        <a class="inline-flex items-center w-full text-sm active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('ticket.*')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('ticket.index') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<path fill="currentColor" fill-rule="evenodd" d="M5.25 4.593v8.903q.162-.053.34-.108c.761-.231 1.788-.488 2.66-.488c1.418 0 2.74.432 3.934.821l.049.016c1.245.406 2.358.763 3.517.763c.936 0 2.256-.36 3-.593V5.073c-.806.232-2.015.527-3 .527c-1.418 0-2.74-.432-3.934-.821l-.049-.016C10.522 4.357 9.41 4 8.25 4c-.652 0-1.51.178-2.248.375c-.287.076-.545.153-.752.218m0 10.488c.21-.075.479-.167.777-.258c.737-.224 1.586-.423 2.223-.423c1.16 0 2.272.357 3.517.763l.049.016c1.193.39 2.516.821 3.934.821c1.289 0 2.977-.507 3.648-.725c.522-.168.852-.653.852-1.177V4.759c0-.87-.85-1.448-1.642-1.208c-.781.237-1.99.549-2.858.549c-1.16 0-2.272-.357-3.517-.763l-.049-.016C10.991 2.931 9.668 2.5 8.25 2.5c-.858 0-1.874.222-2.635.425a21 21 0 0 0-1.337.408l-.021.008l-.006.002h-.002l.251.707l-.252-.706a.75.75 0 0 0-.498.706v16.7a.75.75 0 0 0 1.5 0z" clip-rule="evenodd" />
</svg>
          <span class="ml-4">{{ __('Support Ticket') }}</span>
        </a>
      </li>
    @endif

    @if ((Auth::user()->role == 'admin' || Auth::user()->role == 'moderator') && config('SETTINGS::TICKET:ENABLED'))
      <li class="relative px-6 py-1">
        <span class="text-sm font-bold sidebar-grad">{{ __('Moderation') }}</span>
      </li>
      <li class="relative px-6 py-3">
        @if (Request::routeIs('moderator.ticket.index'))
        @endif
        <a class="inline-flex items-center w-full text-sm font-semibold active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('moderator.ticket.index')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('moderator.ticket.index') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.1em" height="1.1em" viewBox="0 0 24 24">
	<path fill="currentColor" fill-rule="evenodd" d="M5.25 4.593v8.903q.162-.053.34-.108c.761-.231 1.788-.488 2.66-.488c1.418 0 2.74.432 3.934.821l.049.016c1.245.406 2.358.763 3.517.763c.936 0 2.256-.36 3-.593V5.073c-.806.232-2.015.527-3 .527c-1.418 0-2.74-.432-3.934-.821l-.049-.016C10.522 4.357 9.41 4 8.25 4c-.652 0-1.51.178-2.248.375c-.287.076-.545.153-.752.218m0 10.488c.21-.075.479-.167.777-.258c.737-.224 1.586-.423 2.223-.423c1.16 0 2.272.357 3.517.763l.049.016c1.193.39 2.516.821 3.934.821c1.289 0 2.977-.507 3.648-.725c.522-.168.852-.653.852-1.177V4.759c0-.87-.85-1.448-1.642-1.208c-.781.237-1.99.549-2.858.549c-1.16 0-2.272-.357-3.517-.763l-.049-.016C10.991 2.931 9.668 2.5 8.25 2.5c-.858 0-1.874.222-2.635.425a21 21 0 0 0-1.337.408l-.021.008l-.006.002h-.002l.251.707l-.252-.706a.75.75 0 0 0-.498.706v16.7a.75.75 0 0 0 1.5 0z" clip-rule="evenodd" />
</svg>
          <span class="ml-4">{{ __('Ticket List') }}</span>
        </a>
      </li>
      <li class="relative px-6 py-3">
        @if (Request::routeIs('moderator.ticket.blacklist'))
        @endif
        <a class="inline-flex items-center w-full text-sm active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('moderator.ticket.blacklist')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('moderator.ticket.blacklist') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 1024 1024">
	<path fill="currentColor" d="M512 0C229.232 0 0 229.232 0 512c0 282.784 229.232 512 512 512c282.784 0 512-229.216 512-512C1024 229.232 794.784 0 512 0M64 512c0-112.272 41.615-214.959 110.096-293.663l631.856 631.856C727.216 919.073 624.416 961.008 512 961.008c-247.024 0-448-201.984-448-449.009zm787.023 292.786L219.408 173.17C297.984 105.235 400.24 64.002 512 64.002c247.024 0 448 200.976 448 448c0 111.664-41.152 214.032-108.977 292.784" />
</svg>
          <span class="ml-4">{{ __('Ticket Blacklist') }}</span>
        </a>
      </li>
    @endif

    @if (Auth::user()->role == 'admin')
      <li class="relative px-6 py-1">
        <span class="text-sm font-bold sidebar-grad">{{ __('Administration') }}</span>
      </li>
      <li class="relative px-6 py-3">
        @if (Request::routeIs('admin.overview.*'))
        @endif
        <a class="inline-flex items-center w-full text-sm active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.overview.*')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('admin.overview.index') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 17v-4m5 4V7m5 10v-6M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12" color="currentColor" />
</svg>
          <span class="ml-4">{{ __('Overview') }}</span>
        </a>
      </li>
      <li class="relative px-6 py-3">
        @if (Request::routeIs('admin.settings.*'))
        @endif
        <a class="inline-flex items-center w-full active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.settings.*')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('admin.settings.index') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 36 36">
	<path fill="currentColor" d="M18.1 11c-3.9 0-7 3.1-7 7s3.1 7 7 7s7-3.1 7-7s-3.1-7-7-7m0 12c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5" class="clr-i-outline clr-i-outline-path-1" />
	<path fill="currentColor" d="m32.8 14.7l-2.8-.9l-.6-1.5l1.4-2.6c.3-.6.2-1.4-.3-1.9l-2.4-2.4c-.5-.5-1.3-.6-1.9-.3l-2.6 1.4l-1.5-.6l-.9-2.8C21 2.5 20.4 2 19.7 2h-3.4c-.7 0-1.3.5-1.4 1.2L14 6c-.6.1-1.1.3-1.6.6L9.8 5.2c-.6-.3-1.4-.2-1.9.3L5.5 7.9c-.5.5-.6 1.3-.3 1.9l1.3 2.5c-.2.5-.4 1.1-.6 1.6l-2.8.9c-.6.2-1.1.8-1.1 1.5v3.4c0 .7.5 1.3 1.2 1.5l2.8.9l.6 1.5l-1.4 2.6c-.3.6-.2 1.4.3 1.9l2.4 2.4c.5.5 1.3.6 1.9.3l2.6-1.4l1.5.6l.9 2.9c.2.6.8 1.1 1.5 1.1h3.4c.7 0 1.3-.5 1.5-1.1l.9-2.9l1.5-.6l2.6 1.4c.6.3 1.4.2 1.9-.3l2.4-2.4c.5-.5.6-1.3.3-1.9l-1.4-2.6l.6-1.5l2.9-.9c.6-.2 1.1-.8 1.1-1.5v-3.4c0-.7-.5-1.4-1.2-1.6m-.8 4.7l-3.6 1.1l-.1.5l-.9 2.1l-.3.5l1.8 3.3l-2 2l-3.3-1.8l-.5.3q-1.05.6-2.1.9l-.5.1l-1.1 3.6h-2.8l-1.1-3.6l-.5-.1l-2.1-.9l-.5-.3l-3.3 1.8l-2-2l1.8-3.3l-.3-.5Q8 22.05 7.7 21l-.1-.5L4 19.4v-2.8l3.4-1l.2-.5c.2-.8.5-1.5.9-2.2l.3-.5l-1.7-3.3l2-2l3.2 1.8l.5-.3c.7-.4 1.4-.7 2.2-.9l.5-.2L16.6 4h2.8l1.1 3.5l.5.2q1.05.3 2.1.9l.5.3l3.3-1.8l2 2l-1.8 3.3l.3.5q.6 1.05.9 2.1l.1.5l3.6 1.1z" class="clr-i-outline clr-i-outline-path-2" />
	<path fill="none" d="M0 0h36v36H0z" />
</svg>
          <span class="ml-4">{{ __('Settings') }}</span>
        </a>
      </li>
      <li class="relative px-6 py-3">
        @if (Request::routeIs('admin.api.*'))
        @endif
        <a class="inline-flex items-center w-full active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.api.*')) text-gray-800 dark:text-gray-100 @endif"
          href="{{ route('admin.api.index') }}">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.4em" height="1.4em" viewBox="0 0 24 24">
	<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor">
		<path d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12" />
		<path d="M6 13.5L7.5 9l1.875 4.5M6 13.5L5.5 15m.5-1.5h3.375m0 0L10 15m2.5-3V9.7c0-.186 0-.28.024-.355a.5.5 0 0 1 .322-.32C12.92 9 13.013 9 13.2 9h1.3a1.5 1.5 0 0 1 0 3zm0 0v3m6-6v6" />
	</g>
</svg>
          <span class="ml-4">{{ __('Application API') }}</span>
        </a>
      </li>
      <li class="relative px-6 py-3">

        <button
          class="inline-flex items-center justify-between active:scale-[96%] hover:opacity-90 active:opacity-80 smooth  w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
          @click="toggleManagementMenu" aria-haspopup="true">
          <span class="inline-flex items-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
	<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 6.5h9.75c2.107 0 3.16 0 3.917.506a3 3 0 0 1 .827.827c.442.661.498 1.549.505 3.167M12 6.5l-.633-1.267c-.525-1.05-1.005-2.106-2.168-2.542C8.69 2.5 8.108 2.5 6.944 2.5c-1.816 0-2.724 0-3.406.38A3 3 0 0 0 2.38 4.038C2 4.72 2 5.628 2 7.444V10.5c0 4.714 0 7.071 1.464 8.535c1.3 1.3 3.304 1.447 7.036 1.463h.5m7-.284V21.5m0-1.286a3.36 3.36 0 0 1-2.774-1.43M18 20.213a3.36 3.36 0 0 0 2.774-1.43M18 13.785c1.157 0 2.176.568 2.774 1.43M18 13.787a3.36 3.36 0 0 0-2.774 1.43M18 13.787V12.5m4 1.929l-1.226.788M14 19.57l1.226-.788M14 14.43l1.226.788M22 19.57l-1.226-.788m0-3.566a3.12 3.12 0 0 1 0 3.566m-5.548-3.566a3.12 3.12 0 0 0 0 3.566" color="currentColor" />
</svg>
            <span class="ml-4">{{ __('Management') }}</span>
          </span>
          <svg class="w-4 h-4" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd"
              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
              clip-rule="evenodd"></path>
          </svg>
        </button>
        <ul x-cloak x-cloak x-show="isManagementMenuOpen" x-transition:enter="transition-all ease-in-out duration-300"
          x-transition:enter-start="opacity-0 max-h-0" x-transition:enter-end="opacity-100 max-h-[59rem]"
          x-transition:leave="transition-all ease-in-out duration-300"
          x-transition:leave-start="opacity-100 max-h-[59rem]" x-transition:leave-end="opacity-0 max-h-0"
          class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
          aria-label="submenu">
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.users.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.users.index') }}">{{ __('Users') }}</a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.servers.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.servers.index') }}">
              {{ __('Servers') }}
            </a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.products.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.products.index') }}">
              {{ __('Products') }}
            </a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.store.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.store.index') }}">{{ __('Store') }}</a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.vouchers.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.vouchers.index') }}">{{ __('Vouchers') }}</a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.partners.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.partners.index') }}">{{ __('Partners') }}</a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.usefullinks.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block"
              href="{{ route('admin.usefullinks.index') }}">{{ __('Useful Links') }}</a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.legal.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.legal.index') }}">{{ __('Legal Sites') }}</a>
          </li>
        </ul>
      </li>
      <li class="relative px-6 py-3">

        <button
          class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
          @click="toggleLogsMenu" aria-haspopup="true">
          <span class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 16 16">
	<g fill="currentColor">
		<path d="M5 0h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1H1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1H3a2 2 0 0 1 2-2" />
		<path d="M1 6v-.5a.5.5 0 0 1 1 0V6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V9h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 2.5v.5H.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H2v-.5a.5.5 0 0 0-1 0" />
	</g>
</svg>
            <span class="ml-4">{{ __('Logs') }}</span>
          </span>
          <svg class="w-4 h-4" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd"
              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
              clip-rule="evenodd"></path>
          </svg>
        </button>
        <ul x-cloak x-show="isLogsMenuOpen" x-transition:enter="transition-all ease-in-out duration-300"
          x-transition:enter-start="opacity-25 max-h-0" x-transition:enter-end="opacity-100 max-h-[59rem]"
          x-transition:leave="transition-all ease-in-out duration-300"
          x-transition:leave-start="opacity-100 max-h-[59rem]" x-transition:leave-end="opacity-0 max-h-0"
          class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
          aria-label="submenu">
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.payments.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.payments.index') }}">{{ __('Payments') }}</a>
          </li>
          <li
            class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 @if (Request::routeIs('admin.activitylogs.*')) text-gray-800 dark:text-gray-100 @endif">
            <a class="w-full inline-block" href="{{ route('admin.activitylogs.index') }}">
              {{ __('Activity Logs') }}
            </a>
          </li>
        </ul>
      </li>
    @endif
  </ul>
</div>



увелич сайдбар