/* global $, window, document, showAlert, showConfirm, showQRCodeModal */
$(document).ready(function() {
  const adminLink = window.location.pathname.split('/').pop();
  let questionnaireData = null;

  // Получаем базовый путь API (для работы и с /questioneer, и с /ms/questioneer)
  const getApiPath = () => {
    const pathParts = window.location.pathname.split('/');
    // Убираем последние две части пути (admin/:adminLink)
    pathParts.pop();
    pathParts.pop();
    return pathParts.join('/') + '/api';
  };

  // Загрузка данных опроса
  const loadQuestionnaire = () => {
    $.ajax({
      url: `${getApiPath()}/questionnaires/admin/${adminLink}`,
      method: 'GET',
      success: function(result) {
        if (result.success) {
          questionnaireData = result.data;
          renderQuestionnaire();
        } else {
          $('#loading').text(`Ошибка: ${result.error}`);
        }
      },
      error: function(error) {
        console.error('Error loading questionnaire:', error);
        $('#loading').text('Не удалось загрузить опрос. Пожалуйста, попробуйте позже.');
      }
    });
  };

  // Отображение данных опроса
  const renderQuestionnaire = () => {
    // Заполняем основные данные
    $('#questionnaire-title').text(questionnaireData.title);
    $('#questionnaire-description').text(questionnaireData.description || 'Нет описания');
    
    // Формируем ссылки
    const baseUrl = window.location.origin;
    const baseQuestionnairePath = window.location.pathname.split('/admin')[0];
    const publicUrl = `${baseUrl}${baseQuestionnairePath}/poll/${questionnaireData.publicLink}`;
    const adminUrl = `${baseUrl}${baseQuestionnairePath}/admin/${questionnaireData.adminLink}`;
    
    $('#public-link').val(publicUrl);
    $('#admin-link').val(adminUrl);
    
    // Отображаем статистику
    renderStats(questionnaireData.questions);
    
    // Показываем контейнер с данными
    $('#loading').hide();
    $('#questionnaire-container').show();
  };

  // Отображение статистики опроса
  const renderStats = (questions) => {
    const $statsContainer = $('#stats-container');
    $statsContainer.empty();
    
    // Проверяем, есть ли ответы
    let hasAnyResponses = false;
    
    // Проверяем наличие ответов для каждого типа вопросов
    for (const question of questions) {
      if (question.type === 'single' || question.type === 'multiple') {
        if (question.options && question.options.some(option => option.votes && option.votes > 0)) {
          hasAnyResponses = true;
          break;
        }
      } else if (question.type === 'tagcloud') {
        if (question.tags && question.tags.some(tag => tag.count && tag.count > 0)) {
          hasAnyResponses = true;
          break;
        }
      } else if (question.type === 'scale' || question.type === 'rating') {
        if (question.responses && question.responses.length > 0) {
          hasAnyResponses = true;
          break;
        }
      } else if (question.type === 'text') {
        if (question.textAnswers && question.textAnswers.length > 0) {
          hasAnyResponses = true;
          break;
        }
      }
    }
    
    if (!hasAnyResponses) {
      $statsContainer.html('<div class="no-stats">Пока нет ответов на опрос</div>');
      return;
    }
    
    // Для каждого вопроса создаем блок статистики
    questions.forEach((question, index) => {
      const $questionStats = $('<div>', { class: 'question-stats' });
      const $questionTitle = $('<h3>', { text: `${index + 1}. ${question.text}` });
      $questionStats.append($questionTitle);
      
      // В зависимости от типа вопроса отображаем разную статистику
      if (question.type === 'single' || question.type === 'multiple') {
        // Для вопросов с выбором вариантов
        const totalVotes = question.options.reduce((sum, option) => sum + (option.votes || 0), 0);
        
        if (totalVotes === 0) {
          $questionStats.append($('<div>', { class: 'no-votes', text: 'Нет голосов' }));
        } else {
          const $table = $('<table>', { class: 'stats-table' });
          const $thead = $('<thead>').append(
            $('<tr>').append(
              $('<th>', { text: 'Вариант' }),
              $('<th>', { text: 'Голоса' }),
              $('<th>', { text: '%' }),
              $('<th>', { text: 'Визуализация' })
            )
          );
          
          const $tbody = $('<tbody>');
          
          question.options.forEach(option => {
            const votes = option.votes || 0;
            const percent = totalVotes > 0 ? Math.round((votes / totalVotes) * 100) : 0;
            
            const $tr = $('<tr>').append(
              $('<td>', { text: option.text }),
              $('<td>', { text: votes }),
              $('<td>', { text: `${percent}%` }),
              $('<td>').append(
                $('<div>', { class: 'bar-container' }).append(
                  $('<div>', { 
                    class: 'bar',
                    css: { width: `${percent}%` }
                  })
                )
              )
            );
            
            $tbody.append($tr);
          });
          
          $table.append($thead, $tbody);
          $questionStats.append($table);
          $questionStats.append($('<div>', { class: 'total-votes', text: `Всего голосов: ${totalVotes}` }));
        }
      } else if (question.type === 'tagcloud') {
        // Для облака тегов
        if (!question.tags || question.tags.length === 0 || !question.tags.some(tag => tag.count > 0)) {
          $questionStats.append($('<div>', { class: 'no-votes', text: 'Нет выбранных тегов' }));
        } else {
          const $tagCloud = $('<div>', { class: 'tag-cloud-stats' });
          
          // Находим максимальное количество для масштабирования
          const maxCount = Math.max(...question.tags.map(tag => tag.count || 0));
          
          // Сортируем теги по популярности
          const sortedTags = [...question.tags].sort((a, b) => (b.count || 0) - (a.count || 0));
          
          sortedTags.forEach(tag => {
            if (tag.count && tag.count > 0) {
              const fontSize = maxCount > 0 ? 1 + (tag.count / maxCount) * 1.5 : 1; // от 1em до 2.5em
              
              $tagCloud.append(
                $('<span>', {
                  class: 'tag-item',
                  text: `${tag.text} (${tag.count})`,
                  css: { fontSize: `${fontSize}em` }
                })
              );
            }
          });
          
          $questionStats.append($tagCloud);
        }
      } else if (question.type === 'scale' || question.type === 'rating') {
        // Для шкалы и рейтинга
        if (!question.responses || question.responses.length === 0) {
          $questionStats.append($('<div>', { class: 'no-votes', text: 'Нет оценок' }));
        } else {
          const values = question.responses;
          const sum = values.reduce((a, b) => a + b, 0);
          const avg = sum / values.length;
          const min = Math.min(...values);
          const max = Math.max(...values);
          
          const $scaleStats = $('<div>', { class: 'scale-stats' });
          
          $scaleStats.append(
            $('<div>', { class: 'stat-item' }).append(
              $('<span>', { class: 'stat-label', text: 'Среднее значение:' }),
              $('<span>', { class: 'stat-value', text: avg.toFixed(1) })
            ),
            $('<div>', { class: 'stat-item' }).append(
              $('<span>', { class: 'stat-label', text: 'Минимум:' }),
              $('<span>', { class: 'stat-value', text: min })
            ),
            $('<div>', { class: 'stat-item' }).append(
              $('<span>', { class: 'stat-label', text: 'Максимум:' }),
              $('<span>', { class: 'stat-value', text: max })
            ),
            $('<div>', { class: 'stat-item' }).append(
              $('<span>', { class: 'stat-label', text: 'Количество оценок:' }),
              $('<span>', { class: 'stat-value', text: values.length })
            )
          );
          
          $questionStats.append($scaleStats);
        }
      } else if (question.type === 'text') {
        // Для текстовых ответов
        if (!question.textAnswers || question.textAnswers.length === 0) {
          $questionStats.append($('<div>', { class: 'no-votes', text: 'Нет текстовых ответов' }));
        } else {
          const $textAnswers = $('<div>', { class: 'text-answers-list' });
          
          question.textAnswers.forEach((answer, i) => {
            $textAnswers.append(
              $('<div>', { class: 'text-answer-item' }).append(
                $('<div>', { class: 'answer-number', text: `#${i + 1}` }),
                $('<div>', { class: 'answer-text', text: answer })
              )
            );
          });
          
          $questionStats.append($textAnswers);
        }
      }
      
      $statsContainer.append($questionStats);
    });
  };

  // Копирование ссылок
  $('#copy-public-link').on('click', function() {
    $('#public-link').select();
    document.execCommand('copy');
    showAlert('Ссылка для голосования скопирована в буфер обмена', 'Копирование', null, true);
  });
  
  $('#copy-admin-link').on('click', function() {
    $('#admin-link').select();
    document.execCommand('copy');
    showAlert('Административная ссылка скопирована в буфер обмена', 'Копирование', null, true);
  });
  
  // Отображение QR-кода
  $('#show-qr-code').on('click', function() {
    const publicUrl = $('#public-link').val();
    showQRCodeModal(publicUrl, 'QR-код для голосования');
  });
  
  // Редактирование опроса
  $('#edit-questionnaire').on('click', function() {
    const basePath = window.location.pathname.split('/admin')[0];
    window.location.href = `${basePath}/edit/${adminLink}`;
  });
  
  // Удаление опроса
  $('#delete-questionnaire').on('click', function() {
    showConfirm('Вы уверены, что хотите удалить опрос? Все ответы будут удалены безвозвратно.', function(confirmed) {
      if (confirmed) {
        deleteQuestionnaire();
      }
    }, 'Удаление опроса');
  });
  
  // Функция удаления опроса
  const deleteQuestionnaire = () => {
    $.ajax({
      url: `${getApiPath()}/questionnaires/admin/${adminLink}`,
      method: 'DELETE',
      success: function(result) {
        if (result.success) {
          showAlert('Опрос успешно удален', 'Удаление опроса', function() {
            window.location.href = window.location.pathname.split('/admin')[0];
          }, true);
        } else {
          showAlert(`Ошибка при удалении опроса: ${result.error}`, 'Ошибка');
        }
      },
      error: function(error) {
        console.error('Error deleting questionnaire:', error);
        showAlert('Не удалось удалить опрос. Пожалуйста, попробуйте позже.', 'Ошибка');
      }
    });
  };
  
  // Инициализация
  loadQuestionnaire();
  
  // Обновление данных каждые 10 секунд
  setInterval(loadQuestionnaire, 10000);
});