div(class="admin")
  header(class="admin__header")
    div(class="admin__header-content")
      div(class="admin__header-top")
        h1(class="admin__header-title") Панель администратора
        button(
          @click="toggleMobileMenu"
          class="admin__mobile-menu-btn"
          v-if="showMobileMenuButton"
        )
          svg(v-if="!mobileMenuOpen" fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6")
            path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16")
          svg(v-else fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6")
            path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12")
      div(class="admin__domain-info") Текущий домен: {{ currentDomain }}
  
  //- Mobile menu (positioned above header)
  div(
    v-if="mobileMenuOpen"
    @click="toggleMobileMenu"
    class="admin__sidebar-overlay"
  )
  
  div(
    :class="getSidebarClass()"
    class="admin__sidebar"
  )
    div(class="admin__sidebar-header")
      h3(class="admin__sidebar-title") Меню
      button(
        @click="toggleMobileMenu"
        class="admin__sidebar-close"
      )
        svg(fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6")
          path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12")
    
    nav(class="admin__nav")
      a(
        v-for="item in menuItems"
        :key="item.id"
        :href="item.path"
        @click.prevent="navigateTo(item.path)"
        :class="getMenuItemClass(item)"
      )
        div(class="admin__nav-item-content")
          component(:is="item.icon" class="admin__nav-icon")
          span(class="admin__nav-text") {{ item.name }}
  
  div(class="admin__body")
    //- Main content
    main(class="admin__main")
      router-view