import dxui from '../../../../dxmodules/dxUi.js'
import std from '../../../../dxmodules/dxStd.js'
import viewUtils from "../../viewUtils.js"
import topView from "../../topView.js"
import configView from '../configView.js'
import i18n from "../../i18n.js"
import screen from '../../../screen.js'
const voiceBroadcastView = {}

voiceBroadcastView.init = function () {
    /**************************************************创建屏幕*****************************************************/
    const screenMain = dxui.View.build('voiceBroadcastView', dxui.Utils.LAYER.MAIN)
    voiceBroadcastView.screenMain = screenMain
    screenMain.scroll(false)
    screenMain.bgColor(0xffffff)
    screenMain.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_LOADED, () => {
        topView.changeTheme(true)

        refreshLanguage()

        const configAll = screen.getConfig()
        voiceBroadcastView.strangerVoiceDropdown.setSelected(configAll['face.stranger'])
        voiceBroadcastView.voiceModeDropdown.setSelected(configAll['face.voiceMode'])
        greetingInput.text(configAll['face.voiceModeDate'])
        volumeSlider.value(configAll['base.volume'])
        volumeSlider.send(dxui.Utils.EVENT.VALUE_CHANGED)
        if (configAll['face.voiceMode'] == 2) {
            greetingBox.show()
            volumeBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (380 / 1280))
        } else {
            greetingBox.hide()
            volumeBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (300 / 1280))
        }
    })

    const titleBox = viewUtils.title(screenMain, configView.screenMain, 'voiceBroadcastViewTitle', 'voiceBroadcastView.title')
    titleBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (50 / 1280))

    const strangerVoiceBox = dxui.View.build('strangerVoiceBox', screenMain)
    viewUtils._clearStyle(strangerVoiceBox)
    strangerVoiceBox.bgOpa(0)
    strangerVoiceBox.setSize(screen.screenSize.width * ((600 - 28 * 2) / 600), screen.screenSize.height * (80 / 1280))
    strangerVoiceBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (140 / 1280))
    strangerVoiceBox.borderWidth(1)
    strangerVoiceBox.setBorderColor(0xDEDEDE)
    strangerVoiceBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)

    const strangerVoiceLbl = dxui.Label.build('strangerVoiceLbl', strangerVoiceBox)
    strangerVoiceLbl.textFont(viewUtils.font(26))
    strangerVoiceLbl.dataI18n = 'voiceBroadcastView.strangerVoice'
    strangerVoiceLbl.align(dxui.Utils.ALIGN.LEFT_MID, 0, 0)

    const strangerVoiceDropdown = dxui.Dropdown.build('strangerVoiceDropdown', strangerVoiceBox)
    voiceBroadcastView.strangerVoiceDropdown = strangerVoiceDropdown
    strangerVoiceDropdown.textFont(viewUtils.font(26))
    strangerVoiceDropdown.getList().textFont(viewUtils.font(26))
    strangerVoiceDropdown.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
    strangerVoiceDropdown.setSymbol(screen.dropdownSymbol)
    strangerVoiceDropdown.width(screen.screenSize.width * (300 / 600))

    const voiceModeBox = dxui.View.build('voiceModeBox', screenMain)
    viewUtils._clearStyle(voiceModeBox)
    voiceModeBox.bgOpa(0)
    voiceModeBox.setSize(screen.screenSize.width * ((600 - 28 * 2) / 600), screen.screenSize.height * (80 / 1280))
    voiceModeBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (220 / 1280))
    voiceModeBox.borderWidth(1)
    voiceModeBox.setBorderColor(0xDEDEDE)
    voiceModeBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)

    const voiceModeLbl = dxui.Label.build('voiceModeLbl', voiceModeBox)
    voiceModeLbl.textFont(viewUtils.font(26))
    voiceModeLbl.dataI18n = 'voiceBroadcastView.voiceMode'
    voiceModeLbl.align(dxui.Utils.ALIGN.LEFT_MID, 0, 0)

    const voiceModeDropdown = dxui.Dropdown.build('voiceModeDropdown', voiceModeBox)
    voiceBroadcastView.voiceModeDropdown = voiceModeDropdown
    voiceModeDropdown.textFont(viewUtils.font(26))
    voiceModeDropdown.getList().textFont(viewUtils.font(26))
    voiceModeDropdown.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
    voiceModeDropdown.setSymbol(screen.dropdownSymbol)
    voiceModeDropdown.width(screen.screenSize.width * (300 / 600))
    voiceModeDropdown.on(dxui.Utils.EVENT.VALUE_CHANGED, () => {
        if (voiceBroadcastView.voiceModeDropdown.getSelected() == 2) {
            greetingBox.show()
            volumeBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (380 / 1280))
        } else {
            greetingBox.hide()
            volumeBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (300 / 1280))
        }
    })

    const greetingBox = dxui.View.build('greetingBox', screenMain)
    greetingBox.hide()
    viewUtils._clearStyle(greetingBox)
    greetingBox.bgOpa(0)
    greetingBox.setSize(screen.screenSize.width * ((600 - 28 * 2) / 600), screen.screenSize.height * (80 / 1280))
    greetingBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (300 / 1280))
    greetingBox.borderWidth(1)
    greetingBox.setBorderColor(0xDEDEDE)
    greetingBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)

    const greetingBoxLbl = dxui.Label.build('greetingBoxLbl', greetingBox)
    greetingBoxLbl.textFont(viewUtils.font(26))
    greetingBoxLbl.dataI18n = 'voiceBroadcastView.greeting'
    greetingBoxLbl.align(dxui.Utils.ALIGN.LEFT_MID, 0, 0)

    const greetingInput = viewUtils.input(greetingBox, 'greetingInput', undefined, undefined, "localUserAddView.input")
    greetingInput.textFont(viewUtils.font(26))
    greetingInput.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
    greetingInput.setSize(screen.screenSize.width * (300 / 600), screen.screenSize.height * (50 / 1280))
    greetingInput.padLeft(5)
    greetingInput.radius(5)
    greetingInput.setOneLine(true)
    greetingInput.borderWidth(1)
    greetingInput.setBorderColor(0xDEDEDE)

    const volumeBox = dxui.View.build('volumeBox', screenMain)
    viewUtils._clearStyle(volumeBox)
    volumeBox.bgOpa(0)
    volumeBox.setSize(screen.screenSize.width * ((600 - 28 * 2) / 600), screen.screenSize.height * (80 / 1280))
    volumeBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (380 / 1280))
    volumeBox.borderWidth(1)
    volumeBox.setBorderColor(0xDEDEDE)
    volumeBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)

    const volumeLbl = dxui.Label.build('volumeLbl', volumeBox)
    volumeLbl.textFont(viewUtils.font(26))
    volumeLbl.dataI18n = 'voiceBroadcastView.volume'
    volumeLbl.align(dxui.Utils.ALIGN.LEFT_MID, 0, 0)

    const volumeValueLbl = dxui.Label.build('volumeValueLbl', volumeBox)
    volumeValueLbl.textFont(viewUtils.font(26))
    volumeValueLbl.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
    volumeValueLbl.width(screen.screenSize.width * (50 / 600))
    volumeValueLbl.text('0')
    volumeValueLbl.textAlign(dxui.Utils.TEXT_ALIGN.RIGHT)

    const volumeSlider = dxui.Slider.build('volumeSlider', volumeBox)
    volumeSlider.width(screen.screenSize.width * (200 / 600))
    volumeSlider.range(0, 10)
    volumeSlider.on(dxui.Utils.EVENT.VALUE_CHANGED, () => {
        volumeValueLbl.text(volumeSlider.value() + '')
    })
    volumeSlider.alignTo(volumeValueLbl, dxui.Utils.ALIGN.OUT_LEFT_MID, -screen.screenSize.width * (10 / 600), 0)
    volumeSlider.bgColor(0x000000, NativeObject.APP.NativeComponents.NativeEnum.LV_PART_KNOB)
    volumeSlider.bgColor(0x000000, NativeObject.APP.NativeComponents.NativeEnum.LV_PART_INDICATOR)

    const saveBtn = viewUtils.bottomBtn(screenMain, screenMain.id + 'saveBtn', 'voiceBroadcastView.save', () => {
        const saveConfigData = {
            face: {
                stranger: voiceBroadcastView.strangerVoiceDropdown.getSelected(),
                voiceMode: voiceBroadcastView.voiceModeDropdown.getSelected(),
                voiceModeDate: greetingInput.text()
            },
            base: {
                volume: Math.floor(volumeSlider.value()),
            }
        }

        const res = screen.saveConfig(saveConfigData)
        if (res === true) {
            voiceBroadcastView.statusPanel.success()
            std.setTimeout(() => {
                // 成功返回上一层界面
                dxui.loadMain(configView.screenMain)
            }, 500)
        } else {
            voiceBroadcastView.statusPanel.fail()
        }
    })
    saveBtn.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, -screen.screenSize.height * (40 / 1280))
    voiceBroadcastView.statusPanel = viewUtils.statusPanel(screenMain, 'voiceBroadcastView.success', 'voiceBroadcastView.fail')

    // 初次渲染时应用语言对应的下拉文案，避免出现默认 option1
    refreshLanguage()
}

function refreshLanguage() {
    // 控件尚未创建时直接返回，避免调用 undefined
    if (!voiceBroadcastView.strangerVoiceDropdown || !voiceBroadcastView.voiceModeDropdown) {
        return
    }

    // 读取当前语言的选项文案
    const strangerData = i18n.t('voiceBroadcastView.strangerData') || ["No voice", "Play first register", "Play stranger hello"]
    const voiceModeData = i18n.t('voiceBroadcastView.voiceModeData') || ["No voice", "Play name", "Play greeting"]

    // 安全设置选项
    const setOptionsSafe = (dropdown, options) => {
        if (!dropdown) return
        if (typeof dropdown.setOptions === 'function') {
            dropdown.setOptions(options)
        } else if (typeof dropdown.setOption === 'function') {
            dropdown.setOption(options)
        }
    }

    setOptionsSafe(voiceBroadcastView.strangerVoiceDropdown, strangerData)
    setOptionsSafe(voiceBroadcastView.voiceModeDropdown, voiceModeData)
}

export default voiceBroadcastView