/**
 * Copyright (c) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import ComponentConfig from './ComponentConfig';
import LogUtil from '../../../../../utils/src/main/ets/default/baseUtil/LogUtil';
import Log from '../../../../../utils/src/main/ets/default/baseUtil/LogDecorator';
import { RadioListItem } from '../../../../../utils/src/main/ets/default/bean/RadioListItem';

/**
 * Radio component
 */
@Component
export default struct RadioListComponent {
  @State dataList: RadioListItem[] = [];
  @State checkedValue: string = '';
  private showRadio: boolean = true;
  private onChange?: (item: RadioListItem) => void;

  build() {
    Column() {
      List() {
        ForEach(this.dataList, (item: RadioListItem) => {
          ListItem() {
            RadioComponent({
              radioItem: item,
              showRadio: this.showRadio,
              isChecked: (this.checkedValue == item.settingValue),
              onChange: () => {
                this.checkedValue = item.settingValue as string;
                if (this.onChange) {
                  LogUtil.info('settings RadioListComponent : onChange: settingValue = ' + item.settingValue)
                  this.onChange(item);
                }
              }
            });
          }
          .height(item.settingIcon ? $r('app.float.audio_no_icon_height') : $r('app.float.password_list_item_height'));
        });
      }
      .divider({
        strokeWidth: $r('app.float.divider_wh'),
        color: $r('app.color.color_E3E3E3_grey'),
        startMargin: $r('app.float.wh_value_24'),
        endMargin: $r('app.float.wh_value_24')
      })
      .width(ComponentConfig.WH_100_100)
      .alignSelf(ItemAlign.Start);
    }
    .width(ComponentConfig.WH_100_100);
  }
}

/**
 * set up radio component
 */
@Component
struct RadioComponent {
  private radioItem: RadioListItem = new RadioListItem();
  private isChecked: boolean = false;
  private onChange?: () => void;
  private showRadio: boolean = true;

  build() {
    Flex({ justifyContent: FlexAlign.SpaceBetween }) {
      Row() {
        Image(this.radioItem.settingIcon)
          .width($r('app.float.audio_image_common_size'))
          .height($r('app.float.audio_image_common_size'))
          .margin({ right: $r('app.float.audio_image_margin_right') })
          .visibility(this.radioItem.settingIcon ? Visibility.Visible : Visibility.None)
          .objectFit(ImageFit.Contain);
        Column() {
          Text(this.radioItem.settingTitle)
            .fontColor($r("sys.color.ohos_id_color_primary"))
            .fontSize($r('app.float.font_16'))
            .textAlign(TextAlign.Start)
            .fontWeight(500)
            .lineHeight('22vp')
            .maxLines(ComponentConfig.MAX_LINES_3)
            .textOverflow({ overflow: TextOverflow.Ellipsis })
          Text(this.radioItem.settingSummary)
            .fontColor($r('app.color.color_999999_grey'))
            .fontSize($r('app.float.audio_subtitle_font_size'))
            .textAlign(TextAlign.Start)
            .maxLines(ComponentConfig.MAX_LINES_1)
            .textOverflow({ overflow: TextOverflow.Ellipsis })
            .visibility(this.radioItem.settingSummary ? Visibility.Visible : Visibility.None)
            .margin({ bottom: $r('app.float.audio_summary_subtitle_margin_bottom') });
        }
        .alignItems(HorizontalAlign.Start);
      }
      .flexShrink(0)
      .alignItems(VerticalAlign.Center)
      .align(Alignment.Start);

      Row() {
        Radio({ value: this.radioItem.settingValue as string, group: '' })
          .height($r('app.float.radio_component_height'))
          .margin({ right: $r('app.float.radio_component_margin_bottom_right') })
          .align(Alignment.End)
          .enabled(false)
          .checked(this.isChecked)
          .visibility(this.showRadio ? Visibility.Visible : Visibility.None)
      }
      .align(Alignment.End);
    }
    .height($r('app.float.wh_value_48'))
    .margin({ left: $r('app.float.wh_value_24') })
    .padding({ top: $r('app.float.wh_value_13'), bottom: $r('app.float.wh_value_13') })
    .width(ComponentConfig.WH_100_100)
    .onClick(() => {
      LogUtil.info('settings RadioComponent : call onClick.')
      if (this.onChange) {
        this.onChange()
      }
    });
  }
}