<script type="text/javascript">
// Часть 1: Скрипт, который генерирует код открытки

// Создаем функцию для генерации случайного элемента массива
function getRandomElement(arr) {
  return arr[Math.floor(Math.random() * arr.length)];
}

// Функция для генерации открытки
function genValentine() {
  var bg = [123, 550, 078, 999];
  var line1 = [989, 334, 222, 111];
  var line2 = [1, 2, 3, 4];
  var img = [5, 6, 7, 8];

  var template = '[quote][' + getRandomElement(bg) + ',' + getRandomElement(line1) + ',' + getRandomElement(line2) + ',' + getRandomElement(img) + '][/quote]';
  document.getElementById('main-reply').value = template;
}

// Часть 2: Добавление кнопки с функцией "создать открытку"

// Создаем кнопку
var createCardButton = document.createElement('input');
createCardButton.type = 'button';
createCardButton.value = 'Создать открытку';
createCardButton.onclick = genValentine;

// Находим элемент, после которого нужно добавить кнопку
var targetElement = document.querySelector('input[name="preview"][accesskey="p"]');

// Вставляем кнопку после целевого элемента
targetElement.parentNode.insertBefore(createCardButton, targetElement.nextSibling);

// Создаем массив соответствия кодов из блокцитат и данными
var dataMapping = {
  bg: {
    123: 'https://forumupload.ru/uploads/001b/95/32/17/60045.png',
    550: 'https://forumupload.ru/uploads/001b/7d/20/2/267311.gif',
    078: 'https://i.imgur.com/xayOPPo.gif',
    999: 'https://i.imgur.com/9P0Qcpf.png'
  },
  line1: {
    989: 'привет',
    334: 'здравствуй',
    222: 'хеллоу',
    111: 'виват'
  },
  line2: {
    1: 'поздравляю',
    2: 'рады вам',
    3: 'добро пожаловать',
    4: 'иной текст'
  },
  img: {
    5: 'https://forumupload.ru/uploads/001b/2a/da/2025/540013.png',
    6: 'https://forumupload.ru/uploads/001b/2a/da/2025/869731.png',
    7: 'https://forumupload.ru/uploads/001b/2a/da/2025/858030.png',
    8: 'https://forumupload.ru/uploads/001b/2a/da/2025/810247.png'
  }
};

// Находим все цитаты с кодом и заменяем их на элементы
var blockQuotes = document.querySelectorAll('[data-topic-id="5"] .post-content blockquote p');

blockQuotes.forEach(function(blockQuote) {
  var code = blockQuote.textContent.replace('[', '').replace(']', '').split(',').map(Number);
  var bgUrl = dataMapping.bg[code[0]];
  var line1Text = dataMapping.line1[code[1]];
  var line2Text = dataMapping.line2[code[2]];
  var imgUrl = dataMapping.img[code[3]];

  var valentineDiv = document.createElement('div');
  valentineDiv.className = 'valent';
  valentineDiv.style.background = 'url(' + bgUrl + ')';
  valentineDiv.innerHTML = "<p class='line1'>" + line1Text + "</p><img src='" + imgUrl + "'><p class='line2'>" + line2Text + "</p>";

  // Заменяем цитату на новый элемент
  blockQuote.parentNode.replaceChild(valentineDiv, blockQuote.parentNode.firstChild);
});
</script>