s5l.ru-crm/app/pages/Admin/Settings/index.pug

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 === 'domains'" class="admin-settings__domains")
        div(class="admin-settings__section")
          h2(class="admin-settings__section-title") Управление доменами
          p(class="admin-settings__section-description") Настройка мультидоменной структуры магазина
        
        div(class="admin-settings__domains-list")
          div(
            v-for="domain in domains"
            :key="domain._id"
            class="admin-settings__domain-item"
          )
            div(class="admin-settings__domain-info")
              h3(class="admin-settings__domain-name") {{ domain.domain }}
              p(class="admin-settings__domain-desc") {{ domain.companyName }}
            div(class="admin-settings__domain-actions")
              button(
                @click="editDomain(domain)"
                class="admin-settings__btn admin-settings__btn--secondary"
              ) Редактировать
              button(
                @click="deleteDomain(domain._id)"
                class="admin-settings__btn admin-settings__btn--danger"
              ) Удалить
        
        button(
          @click="showDomainModal = true"
          class="admin-settings__btn admin-settings__btn--primary"
        ) Добавить домен
      
      // Вкладка языков
      div(v-if="activeTab === 'languages'" class="admin-settings__languages")
        div(class="admin-settings__section")
          h2(class="admin-settings__section-title") Настройка языков
          p(class="admin-settings__section-description") Управление мультиязычностью сайта
        
        div(class="admin-settings__languages-list")
          div(
            v-for="lang in languages"
            :key="lang.code"
            class="admin-settings__language-item"
          )
            div(class="admin-settings__language-info")
              span(class="admin-settings__language-code") {{ lang.code.toUpperCase() }}
              span(class="admin-settings__language-name") {{ lang.name }}
            div(class="admin-settings__language-actions")
              button(
                @click="toggleLanguage(lang.code)"
                :class="getLanguageBtnClass(lang)"
              ) {{ lang.enabled ? 'Отключить' : 'Включить' }}
      
      // Вкладка общих настроек
      div(v-if="activeTab === 'general'" class="admin-settings__general")
        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") Название компании
            input(
              v-model="generalSettings.companyName"
              type="text"
              class="admin-settings__input"
              placeholder="Введите название компании"
            )
          
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Email для уведомлений
            input(
              v-model="generalSettings.notificationEmail"
              type="email"
              class="admin-settings__input"
              placeholder="admin@example.com"
            )
          
          div(class="admin-settings__form-group")
            label(class="admin-settings__label") Валюта
            select(v-model="generalSettings.currency" class="admin-settings__select")
              option(value="RUB") RUB - Российский рубль
              option(value="USD") USD - Доллар США
              option(value="EUR") EUR - Евро
          
          button(
            @click="saveGeneralSettings"
            class="admin-settings__btn admin-settings__btn--primary"
          ) Сохранить настройки
  
  // Модальное окно добавления домена
  div(v-if="showDomainModal" class="admin-settings__modal")
    div(class="admin-settings__modal-content")
      h3(class="admin-settings__modal-title") {{ editingDomain ? 'Редактирование' : 'Добавление' }} домена
      
      div(class="admin-settings__modal-form")
        div(class="admin-settings__form-group")
          label(class="admin-settings__label") Домен
          input(
            v-model="domainForm.domain"
            type="text"
            class="admin-settings__input"
            placeholder="example.com"
          )
        
        div(class="admin-settings__form-group")
          label(class="admin-settings__label") Название компании
          input(
            v-model="domainForm.companyName"
            type="text"
            class="admin-settings__input"
            placeholder="Название компании"
          )
        
        div(class="admin-settings__form-group")
          label(class="admin-settings__label") Языки домена
          div(class="admin-settings__checkbox-group")
            label(
              v-for="lang in availableLanguages"
              :key="lang.code"
              class="admin-settings__checkbox-label"
            )
              input(
                type="checkbox"
                :value="lang.code"
                v-model="domainForm.languages"
                class="admin-settings__checkbox"
              )
              span {{ lang.name }}
      
      div(class="admin-settings__modal-actions")
        button(
          @click="saveDomain"
          class="admin-settings__btn admin-settings__btn--primary"
        ) {{ editingDomain ? 'Обновить' : 'Добавить' }}
        button(
          @click="showDomainModal = false"
          class="admin-settings__btn admin-settings__btn--secondary"
        ) Отмена