import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
    static targets = ['close', 'modal'];

    current(id) {
        return this.modalTargets.find(m => m.getAttribute('data-id') === id);
    }

    homeOpen(event) {
        const id = event.currentTarget.getAttribute('data-id');
        const current = this.current(id);

        current.classList.add('is-active');
    }

    homeClose(event) {
        const id = event.currentTarget.getAttribute('data-id');
        const current = this.current(id);

        current.classList.remove('is-active');
    }

    open() {
        this.modalTarget.classList.add('is-active');
    }

    close() {
        this.modalTarget.classList.remove('is-active');
    }
}