div(class="admin-settings")
  div(class="admin-settings__header")
    h1(class="admin-settings__title") Настройки бренда и домена
    p(class="admin-settings__subtitle") Управление логотипом, названием компании и контактной информацией
  
  div(class="admin-settings__content")
    div(class="admin-settings__tabs")
      button(
        v-for="tab in tabs"
        :key="tab.id"
        @click="activeTab = tab.id"
        :class="getTabClass(tab)"
      ) {{ tab.name }}
    
    div(class="admin-settings__tab-content")
      // Вкладка бренда
      div(v-if="activeTab === 'brand'" class="admin-settings__brand")
        div(class="admin-settings__section")
          h2(class="admin-settings__section-title") Настройки бренда
          p(class="admin-settings__section-description") Управление логотипом и визуальным представлением компании
        
        div(class="admin-settings__form")
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Логотип компании
            div(class="admin-settings__logo-upload")
              div(v-if="brandSettings.logo" class="admin-settings__logo-preview")
                img(:src="brandSettings.logo" :alt="brandSettings.companyName" class="admin-settings__logo-image")
                button(
                  @click="removeLogo"
                  class="admin-settings__btn admin-settings__btn--danger"
                ) Удалить
              div(v-else class="admin-settings__logo-placeholder") Логотип не загружен
              
              div(class="admin-settings__upload-controls")
                input(
                  type="file"
                  ref="logoInput"
                  @change="onLogoUpload"
                  accept="image/*"
                  class="admin-settings__file-input"
                  id="logo-upload"
                )
                label(for="logo-upload" class="admin-settings__btn admin-settings__btn--secondary") Выбрать файл
                p(class="admin-settings__help-text") Рекомендуемый размер: 200x60px. Форматы: PNG, JPG, SVG
        
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Название компании
            input(
              v-model="brandSettings.companyName"
              type="text"
              class="admin-settings__input"
              placeholder="Введите название компании"
            )
          
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Описание компании
            textarea(
              v-model="brandSettings.description"
              class="admin-settings__textarea"
              placeholder="Краткое описание компании для футера"
              rows="3"
            )
          
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Email для связи
            input(
              v-model="brandSettings.email"
              type="email"
              class="admin-settings__input"
              placeholder="info@example.com"
            )
          
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Телефон
            input(
              v-model="brandSettings.phone"
              type="tel"
              class="admin-settings__input"
              placeholder="+7 (999) 999-99-99"
            )
          
          button(
            @click="saveBrandSettings"
            class="admin-settings__btn admin-settings__btn--primary"
          ) Сохранить настройки бренда
      
      // Вкладка фавиконов
      div(v-if="activeTab === 'favicon'" class="admin-settings__favicon")
        div(class="admin-settings__section")
          h2(class="admin-settings__section-title") Фавикон и иконки
          p(class="admin-settings__section-description") Управление иконками для браузера и мобильных устройств
        
        div(class="admin-settings__form")
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Фавикон (16x16px)
            div(class="admin-settings__favicon-upload")
              div(v-if="brandSettings.favicon" class="admin-settings__favicon-preview")
                img(:src="brandSettings.favicon" alt="Favicon" class="admin-settings__favicon-image")
                button(
                  @click="removeFavicon"
                  class="admin-settings__btn admin-settings__btn--danger"
                ) Удалить
              div(v-else class="admin-settings__favicon-placeholder") Фавикон не загружен
              
              input(
                type="file"
                @change="onFaviconUpload"
                accept="image/*"
                class="admin-settings__file-input"
              )
              p(class="admin-settings__help-text") Рекомендуемый размер: 16x16px или 32x32px. Формат: ICO или PNG