let formData = [{"id":3893,"title":"Test Demo CONF","description":"<p>\ud83d\udd25<strong>Using this event as an example, I will show you how our service works. <\/strong><\/p><p>\u2705How to create an event, how to create tickets, and what they are. <\/p><p>\u2705How to set up a participant's registration form, what ticket payment methods can be connected, online broadcasts, chatbots, a mobile app, and much more.<\/p><p><\/p><p>\ud83d\udd14<strong>16.04.2024 - 09:00<\/strong><\/p>","logo_url":"https:\/\/a.rte.im\/storage\/1714134009_c3733e3bbb9402bb363482bcaebe471b.jpg","event_start":"2026-07-31 09:00:00","address":"20-22 Khreshchatyk Street, Kyiv","location_name":"Event Hall Cosmos","poster_custom_setting":"\u0412\u0456\u0434\u0432\u0456\u0434\u0430\u0442\u0438","status":{"id":2,"name":"\u0410\u043a\u0442\u0438\u0432\u043d\u0438\u0439","status":"active"}}];const dateFormatter = date => {
  let formatted = new Date(date)
  formatted = formatted.toLocaleDateString('uk-UK' || 'uk_UK') + ' | ' + formatted.toLocaleTimeString('uk-UK' || 'uk_UK').substring(0, 5)
  return formatted
}
const posterBlock = document.querySelector('.rte-poster')

const posterWrapper = document.createElement('div')
posterWrapper.setAttribute('class', 'poster_wrapper')

for (let i = 0; i < formData.length; i++) {
  const posterElement = document.createElement('div')
  posterElement.setAttribute('class', `poster_element poster_element-${i}`)
  posterElement.innerHTML = `
  <div class="poster_image_wrapper">
  <img class="poster_image" src="${formData[i].logo_url}">
  </div>
  <span class="poster_date">${dateFormatter(formData[i].event_start)}</span>
  <h2 class="poster_title">${formData[i].title}</h2>
  <span class="poster_location">${formData[i].location_name} | ${formData[i].address}</span>
  <button class="poster_btn" id="${formData[i].id}">${formData[i].poster_custom_setting}</button>
  `
  posterWrapper.appendChild(posterElement)
}
  posterBlock.appendChild(posterWrapper)
  
  const buttonArr = [...document.getElementsByClassName('poster_btn')]
  
  buttonArr.forEach(btn => {
    btn.addEventListener('click', () => {
      window.open(`https://c.rte.im/#/ticket-page/${btn.id}`, '_blank').focus()
    })
})