div(class="admin")
  div(class="admin__header")
    div(class="admin__header-content")
      div(class="admin__brand")
        img(src="/images/logo.png" alt="Браер-Колор" class="admin__logo")
        span(class="admin__company-name") Браер-Колор
      div(class="admin__domain-info") {{ currentDomain }}
      div(class="admin__user-menu")
        button(@click="toggleTheme" class="admin__theme-toggle") {{ theme === 'light' ? '🌙' : '☀️' }}
  
  nav(class="admin__nav")
    div(class="admin__nav-content")
      a(
        v-for="item in menuItems"
        :key="item.id"
        :href="item.path"
        @click.prevent="navigateTo(item.path)"
        :class="getMenuItemClass(item)"
      )
        component(:is="item.icon" class="admin__nav-icon")
        span(class="admin__nav-text") {{ item.name }}
  
  main(class="admin__main")
    div(class="admin__content")
      router-view