import { atom } from 'recoil'
import { MENU } from '@/common/common'

export const menuNumberState = atom({
  key: 'menuNumberState',
  default: null,
})

export const selectedMenuState = atom({
  key: 'selectedMenuState',
  default: null,
})

export const menusState = atom({
  key: 'menusState',
  default: [
    { type: 'drawing', name: 'plan.menu.plan.drawing', icon: 'con00', title: MENU.PLAN_DRAWING }, //. 물건정보
    {
      type: 'placement', // 배치면 초기설정
      name: 'plan.menu.placement.surface.initial.setting',
      icon: 'con01',
      title: MENU.INITIAL_CANVAS_SETTING,
    },
    { type: 'outline', name: 'plan.menu.roof.cover', icon: 'con02', title: MENU.ROOF_COVERING.DEFAULT },
    { type: 'surface', name: 'plan.menu.placement.surface', icon: 'con03', title: MENU.BATCH_CANVAS.DEFAULT },
    {
      type: 'module',
      name: 'plan.menu.module.circuit.setting',
      icon: 'con04',
      title: MENU.MODULE_CIRCUIT_SETTING.DEFAULT,
    },
    { type: 'estimate', name: 'plan.menu.estimate', icon: 'con06', title: MENU.ESTIMATE.DEFAULT },
    {
      type: 'simulation',
      name: 'plan.menu.simulation',
      icon: 'con05',
      title: MENU.POWER_GENERATION_SIMULATION.DEFAULT,
    },
  ],
})

export const subMenusState = atom({
  key: 'subMenusState',
  default: {
    placement: [], // 배치면 초기 설정
    outline: [
      // 지붕덮개
      { id: 0, name: 'plan.menu.roof.cover.outline.drawing', menu: MENU.ROOF_COVERING.EXTERIOR_WALL_LINE },
      { id: 1, name: 'plan.menu.roof.cover.roof.shape.setting', menu: MENU.ROOF_COVERING.ROOF_SHAPE_SETTINGS },
      {
        id: 2,
        name: 'plan.menu.roof.cover.roof.shape.passivity.setting',
        menu: MENU.ROOF_COVERING.ROOF_SHAPE_PASSIVITY_SETTINGS,
      },
      { id: 3, name: 'plan.menu.roof.cover.auxiliary.line.drawing', menu: MENU.ROOF_COVERING.HELP_LINE_DRAWING },
      { id: 4, name: 'plan.menu.roof.cover.eaves.kerava.edit', menu: MENU.ROOF_COVERING.EAVES_KERAVA_EDIT },
      { id: 5, name: 'plan.menu.roof.cover.movement.shape.updown', menu: MENU.ROOF_COVERING.MOVEMENT_SHAPE_UPDOWN },
      { id: 6, name: 'plan.menu.roof.cover.outline.edit.offset', menu: MENU.ROOF_COVERING.OUTLINE_EDIT_OFFSET },
      { id: 7, name: 'plan.menu.roof.cover.roof.surface.alloc', menu: MENU.ROOF_COVERING.ROOF_SHAPE_ALLOC },
      { id: 8, name: 'plan.menu.roof.cover.roof.surface.all.remove', menu: MENU.ROOF_COVERING.ALL_REMOVE },
    ],
    surface: [
      // 배치면
      // { id: 0, name: 'plan.menu.placement.surface.slope.setting', menu: MENU.BATCH_CANVAS.SLOPE_SETTING },
      { id: 0, name: 'plan.menu.placement.surface.drawing', menu: MENU.BATCH_CANVAS.BATCH_DRAWING },
      { id: 1, name: 'plan.menu.placement.surface.arrangement', menu: MENU.BATCH_CANVAS.SURFACE_SHAPE_BATCH },
      { id: 2, name: 'plan.menu.placement.surface.object', menu: MENU.BATCH_CANVAS.OBJECT_BATCH },
      { id: 3, name: 'plan.menu.placement.surface.all.remove', menu: MENU.BATCH_CANVAS.ALL_REMOVE },
    ],
    module: [
      // 모듈, 회로 구성

      { id: 0, name: 'plan.menu.module.circuit.setting.default', menu: MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING },
      {
        id: 1,
        name: 'plan.menu.module.circuit.setting.circuit.trestle.setting',
        menu: MENU.MODULE_CIRCUIT_SETTING.CIRCUIT_TRESTLE_SETTING,
      },
      // {
      //   id: 2,
      //   name: 'plan.menu.module.circuit.setting.plan.orientation',
      //   menu: MENU.MODULE_CIRCUIT_SETTING.PLAN_ORIENTATION,
      // },
    ],
  },
})