<script setup lang="ts">
import { PageContainer } from 'antdv-pro-layout';
import ChangeLogo from './components/change-logo.vue';
import ChangeLogoBG from './components/change-login-bg.vue';
import ChangeTitle from './components/change-title.vue';
import ChangeCopyright from './components/change-copyright.vue';
import ChangeHelpDoc from './components/change-help-doc.vue';
import ChangeOfficialUrl from './components/change-official-url.vue';
import ChangeI18n from './components/change-i18n.vue';
import ChangeHome from './components/change-home-index.vue';
import SystemReset from './components/system-reset.vue';
import useI18n from '@/hooks/useI18n';
const { t } = useI18n();
</script>

<template>
  <PageContainer>
    <a-card :bordered="false">
      <a-divider orientation="left">
        {{ t('views.system.setting.sysLogo') }}
      </a-divider>
      <ChangeLogo></ChangeLogo>
      <a-divider orientation="left">
        {{ t('views.system.setting.sysName') }}
      </a-divider>
      <ChangeTitle></ChangeTitle>
      <a-divider orientation="left">
        {{ t('views.system.setting.sysCopyright') }}
      </a-divider>
      <ChangeCopyright></ChangeCopyright>
      <a-divider orientation="left">
        {{ t('views.system.setting.sysLoginBg') }}
      </a-divider>
      <ChangeLogoBG></ChangeLogoBG>
      <div v-perms:has="['system:setting:doc']">
        <a-divider orientation="left">
          {{ t('views.system.setting.sysHelpDoc') }}
        </a-divider>
        <ChangeHelpDoc></ChangeHelpDoc>
      </div>
      <div v-perms:has="['system:setting:official']">
        <a-divider orientation="left">
          {{ t('views.system.setting.sysOfficialUrl') }}
        </a-divider>
        <ChangeOfficialUrl></ChangeOfficialUrl>
      </div>
      <div v-perms:has="['system:setting:i18n']">
        <a-divider orientation="left">
          {{ t('views.system.setting.i18n') }}
        </a-divider>
        <ChangeI18n></ChangeI18n>
      </div>
      <a-divider orientation="left">
        {{ t('views.system.setting.homeSet') }}
      </a-divider>
      <ChangeHome></ChangeHome>
      <a-divider orientation="left">
        {{ t('views.system.setting.reset') }}
      </a-divider>
      <SystemReset></SystemReset>
    </a-card>
  </PageContainer>
</template>

<style lang="less" scoped></style>
