import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="timer"
export default class extends Controller {
  static targets = ["output"]

  connect() {
    this.updateTime()
    this.interval = setInterval(() => this.updateTime(), 1000)
  }

  disconnect() {
    clearInterval(this.interval)
  }

  updateTime() {
    const now = new Date()
    const formatted = `${now.getFullYear()}년 ${String(now.getMonth() + 1).padStart(2, '0')}월 ${String(now.getDate()).padStart(2, '0')}일 ` +
      `${String(now.getHours()).padStart(2, '0')}시 ${String(now.getMinutes()).padStart(2, '0')}분 ${String(now.getSeconds()).padStart(2, '0')}초`
    this.outputTarget.textContent = formatted
  }
}