import { Controller } from '@hotwired/stimulus'

export default class extends Controller {
  static targets = [ "image", "modeDay", "dayLogLink" ];

  updateDayInfo(event) {
    const image = this.imageTarget;
    const modeDay = this.modeDayTarget;
    const day = event.target.dataset.day;
    const modeDayContent = day + ' :  ' + event.target.dataset.mode;
    image.src = event.target.dataset.image;
    modeDay.textContent = modeDayContent;
    event.target.className = "selected-day " + event.target.dataset.mode;

    this.dayLogLinkTarget.href = `/day_logs/edit?day=${day}`

    if (this.lastTarget) {
      this.lastTarget.className = "day " + this.lastTarget.dataset.mode;
    }

    this.lastTarget = event.target;
  }

  connect() {
    this.lastTarget = null;
    window.location = "#end";
  }
}