import { CommonModule } from '@angular/common';
import { Component, OnInit } from '@angular/core';
import { IonHeader,IonButton, IonContent, IonIcon, IonItem, IonLabel, IonList, 
  IonListHeader, IonTitle, IonToolbar,IonInput,IonSearchbar } from '@ionic/angular/standalone';
import { ExploreContainerComponent } from '../explore-container/explore-container.component';
import { Router } from '@angular/router';

@Component({
  selector: 'app-topic-detail',
  templateUrl: './topic-detail.component.html',
  styleUrls: ['./topic-detail.component.scss'],
  standalone: true,
  imports: [IonHeader,IonToolbar,IonTitle,IonContent,ExploreContainerComponent,
    IonList,IonListHeader,IonItem,
    IonLabel,IonIcon,IonButton,
    IonInput,IonSearchbar,
    CommonModule
  ]
})
export class TopicDetailComponent  implements OnInit {
  tips = [
    {
      title: '深呼吸',
      description: '通过深呼吸来放松身心，缓解焦虑',
      details: '深呼吸可以帮助你放慢心率，增加氧气摄入，改善心理状态',
      expanded: false,
    },
    {
      title: '运动',
      description: '规律的运动有助于释放压力和焦虑',
      details: '运动可以释放内啡肽，提升你的情绪',
      expanded: false,
    },
    {
      title: '正念冥想',
      description: '通过正念练习来关注当下，减少焦虑',
      details: '正念冥想可以帮助你更好地管理情绪，提升专注力',
      expanded: false,
    },
  ];

  tools = [
    {
      name: '焦虑管理APP',
      description: '帮助你记录情绪，提供放松练习',
      link: 'https://www.18183.com/down/2968763.html',
      buttonText: '下载APP',
    },
    {
      name: '在线冥想课程',
      description: '提供多种冥想练习，帮助你减轻焦虑',
      link: 'https://www.bilibili.com/video/BV1gdUpYyEiw/',
      buttonText: '查看视频',
    },
  ];

  resources = [
    {
      title: '控制焦虑的方法',
      link: 'https://m.baidu.com/bh/m/detail/ar_13481633186713755563',
      buttonText: '查看更多',
    },
    {
      title: '克服焦虑的方法',
      link: 'https://m.baidu.com/bh/m/detail/ar_4824212419687234431',
      buttonText: '阅读更多',
    },
    {
      title: '焦虑管理技巧',
      link: 'https://www.bilibili.com/video/BV1Kj2KYJEYU/',
      buttonText: '观看视频',
    },
  ];

  discussions = [
    {
      title: '分享你的焦虑管理经验',
      link: 'https://example.com/community',
    },
  ];
  constructor(private router: Router) {
    
   }
   goTab1(){
    this.router.navigate(['tabs/tab1']);
   }
  ngOnInit() {}

}