<script setup>
import { useConfigStore } from '@/stores/config.js'
import { form_item_label_style } from '@/styles/styles.js'
import BaseMirrorOption from '@/components/BaseMirrorOption.vue'

const conf = useConfigStore().config
const branch = ref(null)
const mirror = ref(null)
const running = inject('running')

const steps = computed(() => [
  {
    title: '更新源码',
    command: ['set_remote', 'set_lfs', 'fetch', 'switch', 'reset'],
    cwd: 'mower-ng'
  },
  {
    title: '安装依赖',
    command: ['pip_tools_install', 'pip_sync'],
    cwd: 'mower-ng'
  }
])
provide('steps', steps)
const current_step = ref(1)
provide('current_step', current_step)
const current_state = ref('wait')
provide('current_state', current_state)
</script>

<template>
  <n-flex vertical style="gap: 16px; height: 100%; padding: 16px; box-sizing: border-box">
    <n-form label-placement="left" :show-feedback="false" label-width="auto" label-align="left">
      <base-mirror-option />
      <n-form-item label="mower-ng 代码分支" :label-style="form_item_label_style">
        <n-radio-group v-model:value="conf.branch" :disabled="running">
          <n-flex>
            <n-radio value="fast">测试版</n-radio>
            <n-radio value="slow">稳定版</n-radio>
          </n-flex>
        </n-radio-group>
      </n-form-item>
      <n-form-item label="PyPI 仓库镜像" :label-style="form_item_label_style">
        <n-radio-group v-model:value="conf.mirror" :disabled="running">
          <n-flex>
            <n-radio value="pypi">PyPI</n-radio>
            <n-radio value="aliyun">阿里云镜像站</n-radio>
            <n-radio value="sjtu">上海交通大学镜像站</n-radio>
            <n-radio value="tuna">清华大学镜像站</n-radio>
            <n-radio value="ustc">中国科学技术大学镜像站</n-radio>
          </n-flex>
        </n-radio-group>
      </n-form-item>
    </n-form>
    <n-steps :current="current_step" :status="current_state" size="small">
      <n-step v-for="step in steps" :title="step.title" />
    </n-steps>
    <log-component />
  </n-flex>
  <float-button />
</template>
