import { Component } from '@angular/core';

@Component({
  selector: 'app-chat-widget-component',
  standalone: false,
  templateUrl: './chat-widget-component.html',
  styleUrl: './chat-widget-component.css',
})
export class ChatWidgetComponent {
  isOpen = false;
  newMessage = '';

  messages = [
    { text: 'สวัสดีครับ มีอะไรให้ทีมงานช่วยเหลือไหมครับ? 👋', isUser: false },
  ];

  toggleChat() {
    this.isOpen = !this.isOpen;
  }

  sendMessage() {
    if (this.newMessage.trim()) {
      // 1. ใส่ข้อความเราลงไป
      this.messages.push({ text: this.newMessage, isUser: true });
      this.newMessage = '';

      // 2. จำลองบอทตอบกลับ (Auto Reply Simulation)
      setTimeout(() => {
        this.messages.push({
          text: 'ขอบคุณที่ติดต่อมาครับ ขณะนี้เจ้าหน้าที่กำลังติดลูกค้าท่านอื่น จะรีบตอบกลับให้เร็วที่สุดครับ',
          isUser: false
        });
      }, 1000);
    }
  }
}