const { form, button, div, h2, p, section, table, tr, td, input, a, br, ul, li, span, strong } = require("../server/node_modules/hyperaxe");
const { template, i18n } = require('./main_views');
const { getConfig } = require('../configs/config-manager.js');
const { PRESETS: PRESET_LIST } = require('../models/workflows_model');

const modulesView = () => {
  const config = getConfig().modules;
  const modules = [
    { name: 'agenda', label: i18n.modulesAgendaLabel, description: i18n.modulesAgendaDescription },
    { name: 'ai', label: i18n.modulesAILabel, description: i18n.modulesAIDescription },
    { name: 'aiNav', label: i18n.modulesAINavLabel, description: i18n.modulesAINavDescription },
    { name: 'emergencies', label: i18n.modulesEmergenciesLabel, description: i18n.modulesEmergenciesDescription },
    { name: 'mailing', label: i18n.modulesMailingLabel, description: i18n.modulesMailingDescription },
    { name: 'rooms', label: i18n.modulesRoomsLabel, description: i18n.modulesRoomsDescription },
    { name: 'phone', label: i18n.modulesPhoneLabel, description: i18n.modulesPhoneDescription },
    { name: 'logistics', label: i18n.modulesLogisticsLabel, description: i18n.modulesLogisticsDescription },
    { name: 'podcasts', label: i18n.modulesPodcastsLabel, description: i18n.modulesPodcastsDescription },
    { name: 'campaigns', label: i18n.modulesCampaignsLabel, description: i18n.modulesCampaignsDescription },
    { name: 'audios', label: i18n.modulesAudiosLabel, description: i18n.modulesAudiosDescription },
    { name: 'banking', label: i18n.modulesBankingLabel, description: i18n.modulesBankingDescription },
    { name: 'bookmarks', label: i18n.modulesBookmarksLabel, description: i18n.modulesBookmarksDescription },
    { name: 'calendars', label: i18n.modulesCalendarsLabel, description: i18n.modulesCalendarsDescription },
    { name: 'chats', label: i18n.modulesChatsLabel, description: i18n.modulesChatsDescription },
    { name: 'cipher', label: i18n.modulesCipherLabel, description: i18n.modulesCipherDescription },
    { name: 'courts', label: i18n.modulesCourtsLabel, description: i18n.modulesCourtsDescription },
    { name: 'dev', label: i18n.modulesDevLabel, description: i18n.modulesDevDescription },
    { name: 'docs', label: i18n.modulesDocsLabel, description: i18n.modulesDocsDescription },
    { name: 'events', label: i18n.modulesEventsLabel, description: i18n.modulesEventsDescription },
    { name: 'favorites', label: i18n.modulesFavoritesLabel, description: i18n.modulesFavoritesDescription },
    { name: 'blogs', label: i18n.modulesBlogsLabel, description: i18n.modulesBlogsDescription },
    { name: 'fediverse', label: i18n.modulesFediverseLabel, description: i18n.modulesFediverseDescription },
    { name: 'feed', label: i18n.modulesFeedLabel, description: i18n.modulesFeedDescription },
    { name: 'files', label: i18n.modulesFilesLabel, description: i18n.modulesFilesDescription },
    { name: 'forum', label: i18n.modulesForumLabel, description: i18n.modulesForumDescription },
    { name: 'games', label: i18n.modulesGamesLabel, description: i18n.modulesGamesDescription },
    { name: 'graphos', label: i18n.modulesGraphosLabel, description: i18n.modulesGraphosDescription },
    { name: 'housing', label: i18n.modulesHousingLabel, description: i18n.modulesHousingDescription },
    { name: 'images', label: i18n.modulesImagesLabel, description: i18n.modulesImagesDescription },
    { name: 'industry', label: i18n.modulesIndustryLabel, description: i18n.modulesIndustryDescription },
    { name: 'invites', label: i18n.modulesInvitesLabel, description: i18n.modulesInvitesDescription },
    { name: 'jobs', label: i18n.modulesJobsLabel, description: i18n.modulesJobsDescription },
    { name: 'karvan', label: i18n.modulesKarvanLabel, description: i18n.modulesKarvanDescription },
    { name: 'larp', label: i18n.modulesLarpLabel, description: i18n.modulesLarpDescription },
    { name: 'backup', label: i18n.modulesBackupLabel, description: i18n.modulesBackupDescription },
    { name: 'logs', label: i18n.modulesLogsLabel, description: i18n.modulesLogsDescription },
    { name: 'maps', label: i18n.modulesMapLabel, description: i18n.modulesMapDescription },
    { name: 'market', label: i18n.modulesMarketLabel, description: i18n.modulesMarketDescription },
    { name: 'melody', label: i18n.modulesMelodyLabel, description: i18n.modulesMelodyDescription },
    { name: 'opinions', label: i18n.modulesOpinionsLabel, description: i18n.modulesOpinionsDescription },
    { name: 'pads', label: i18n.modulesPadsLabel, description: i18n.modulesPadsDescription },
    { name: 'parliament', label: i18n.modulesParliamentLabel, description: i18n.modulesParliamentDescription },
    { name: 'pixelia', label: i18n.modulesPixeliaLabel, description: i18n.modulesPixeliaDescription },
    { name: 'polls', label: i18n.modulesPollsLabel, description: i18n.modulesPollsDescription },
    { name: 'projects', label: i18n.modulesProjectsLabel, description: i18n.modulesProjectsDescription },
    { name: 'reports', label: i18n.modulesReportsLabel, description: i18n.modulesReportsDescription },
    { name: 'school', label: i18n.modulesSchoolLabel, description: i18n.modulesSchoolDescription },
    { name: 'shops', label: i18n.modulesShopsLabel, description: i18n.modulesShopsDescription },
    { name: 'tags', label: i18n.modulesTagsLabel, description: i18n.modulesTagsDescription },
    { name: 'tasks', label: i18n.modulesTasksLabel, description: i18n.modulesTasksDescription },
    { name: 'torrents', label: i18n.modulesTorrentsLabel, description: i18n.modulesTorrentsDescription },
    { name: 'transfers', label: i18n.modulesTransfersLabel, description: i18n.modulesTransfersDescription },
    { name: 'trending', label: i18n.modulesTrendingLabel, description: i18n.modulesTrendingDescription },
    { name: 'tribes', label: i18n.modulesTribesLabel, description: i18n.modulesTribesDescription },
    { name: 'videos', label: i18n.modulesVideosLabel, description: i18n.modulesVideosDescription },
    { name: 'votes', label: i18n.modulesVotationsLabel, description: i18n.modulesVotationsDescription },
    { name: 'wallet', label: i18n.modulesWalletLabel, description: i18n.modulesWalletDescription },
    { name: 'wiki', label: i18n.modulesWikiLabel, description: i18n.modulesWikiDescription }
  ].sort((x, y) => String(x.label || x.name).localeCompare(String(y.label || y.name), undefined, { sensitivity: 'base' }));

  const MOBILE_UNAVAILABLE = ['ai', 'aiNav', 'dev', 'games', 'logs', 'maps', 'pixelia'];
  const isMobile = process.env.OASIS_MOBILE === '1';
  const visibleModules = isMobile ? modules.filter(mod => !MOBILE_UNAVAILABLE.includes(mod.name)) : modules;

  const moduleStates = visibleModules.reduce((acc, mod) => {
    acc[`${mod.name}Mod`] = config[`${mod.name}Mod`] === 'on' ? 'on' : 'off';
    return acc;
  }, {});

  const activeModulesCount = visibleModules.filter(mod => moduleStates[`${mod.name}Mod`] === 'on').length;
  const totalModulesCount = visibleModules.length;
  const disabledModulesCount = totalModulesCount - activeModulesCount;

  const header = [div({ class: 'tags-header module-header-line' },
    h2(i18n.modulesViewTitle),
    p(i18n.modulesViewDescription)
  )];

  const counts = div({ class: 'modules-counts' },
      span({ class: 'modules-count-item' },
        `${i18n.modulesTotalModulesLabel}: `,
        strong({ class: 'modules-count-value' }, totalModulesCount)
      ),
      span({ class: 'modules-count-item' },
        `${i18n.modulesEnabledModulesLabel}: `,
        strong({ class: 'modules-count-value' }, activeModulesCount)
      ),
      span({ class: 'modules-count-item' },
        `${i18n.modulesDisabledModulesLabel}: `,
        strong({ class: 'modules-count-value' }, disabledModulesCount)
      )
    );

  const PRESETS = PRESET_LIST;

  const presetButtons = div({ class: 'preset-group' },
    Object.entries(PRESETS).map(([key, mods]) => {
      const presetLabel = (i18n[`modulesPreset_${key}`] || key).toUpperCase();
      const isActive = visibleModules.every(m => mods.includes(m.name) === (moduleStates[`${m.name}Mod`] === 'on'));
      return form({ action: "/modules/preset", method: "post", class: "modules-preset-form" },
        input({ type: "hidden", name: "preset", value: key }),
        button({
          type: 'submit',
          class: isActive ? 'filter-btn active' : 'filter-btn',
        }, presetLabel)
      );
    })
  );

  return template(
    i18n.modules,
    section(header),
    section(
      ...(isMobile ? [] : [h2(i18n.modulesPresetTitle || "Common Configurations"), presetButtons]),
      counts,
      form(
        { action: "/save-modules", method: "post" },
        table(
          { class: "module-table" },
          tr(
            td(i18n.modulesModuleName),
            td(i18n.modulesModuleDescription),
            td({ class: 'module-status-cell' }, i18n.modulesModuleStatus)
          ),
          visibleModules.map(mod => 
            tr(
              td(a({ href: `/${mod.name}` }, mod.label)),
              td(p(mod.description)),
              td(
                input({
                  type: "checkbox",
                  id: `${mod.name}Mod`,
                  name: `${mod.name}Form`,
                  class: "input-checkbox",
                  value: 'on',
                  checked: moduleStates[`${mod.name}Mod`] === 'on' ? true : undefined
                })
              )
            )
          )
        ),
        div(
          { class: "save-button-container" },
          button({ type: "submit", class: "submit-button" }, i18n.saveSettings)
        )
      )
    )
  );
};

exports.modulesView = modulesView;