import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { IonHeader,IonButton, IonList, IonListHeader, IonItem,IonContent, IonIcon, IonLabel, IonCardHeader,IonCardContent, IonTitle,IonCard, IonToolbar,IonInput,IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption } from '@ionic/angular/standalone';
  import { CommonModule } from '@angular/common';
  import { FormsModule } from '@angular/forms'; // 导入 FormsModule
  import { HttpClient } from '@angular/common/http';


@Component({
  selector: 'app-page-publishsurvey',
  templateUrl: './page-publishsurvey.component.html',
  styleUrls: ['./page-publishsurvey.component.scss'],
  standalone: true,
  imports: [
    IonHeader,IonToolbar,IonTitle,IonContent,IonSegment,IonSegmentButton,IonSelect,IonSelectOption,
    FormsModule,IonList, IonListHeader, IonItem,
    IonLabel,IonIcon,IonButton,IonCardContent,
    IonInput,IonSearchbar,IonCard,IonCardHeader,
    CommonModule,
  ]
})


export class PagePublishsurveyComponent  implements OnInit {
  category: string = 'school'; // 默认类别
  surveyTitle: string = '';
  surveyLink: string = '';
  targetAudience: string = 'all'; // 默认面向对象
  societySurveyTitle: string = '';
  societySurveyLink: string = '';

  onCategoryChange() {
    console.log(`当前选择的类别: ${this.category}`);
  }

  publishSurvey() {
    console.log('发布学校问卷:');
    console.log(`标题: ${this.surveyTitle}`);
    console.log(`链接: ${this.surveyLink}`);
    console.log(`面向对象: ${this.targetAudience}`);
    // 这里可以添加逻辑将问卷发布到后端或其他处理
    const surveyData = {
      title: this.surveyTitle,
      link: this.surveyLink,
      audience: this.targetAudience,
    };

    this.http.post('http://127.0.0.1:4040/', surveyData).subscribe(
      response => {
        console.log('问卷已成功发布:', response);
        
      },
      error => {
        console.error('发布问卷时出错:', error);
      }
    );
  }

  publishSocietySurvey() {
    console.log('发布社会问卷:');
    console.log(`标题: ${this.societySurveyTitle}`);
    console.log(`链接: ${this.societySurveyLink}`);
    // 这里可以添加逻辑将问卷发布到后端或其他处理
  }

  constructor(private router: Router,private http: HttpClient) { }
  goTab1(){
    this.router.navigate(['tabs/page-publishsurvey']);
   }


  ngOnInit() {}

}