document.addEventListener("DOMContentLoaded", () => {
    // Get all "navbar-burger" elements
    const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"), 0)

    // Add a click event on each of them
    $navbarBurgers.forEach(el => {
        el.addEventListener("click", () => {
            // Get the target from the "data-target" attribute
            const target = el.dataset.target
            const $target = document.getElementById(target)

            // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
            el.classList.toggle("is-active")
            $target.classList.toggle("is-active")
        })
    })

    const $messages = Array.prototype.slice.call(
        document.querySelectorAll(".message-container .message button.delete"),
        0,
    )
    $messages.forEach((el, index) => {
        let timeID
        function click() {
            // Get the target from the "data-target" attribute
            const target = el.dataset.target
            const $target = document.getElementById(target)
            el.removeEventListener("click", click)
            $target.remove()
            clearTimeout(timeID)
        }
        timeID = setTimeout(() => {
            const target = el.dataset.target
            const $target = document.getElementById(target)
            el.removeEventListener("click", click)
            $target.remove()
        }, (index + 1) * 6000)
        el.addEventListener("click", click)
    })
})