'use client'

import {
  faArrowUpRightFromSquare,
  faHardDrive
} from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useGlobal } from '@/providers/GlobalProvider'
import { invoke } from '@tauri-apps/api/core'
import { useEffect, useState } from 'react'
import prettyBytes from 'pretty-bytes'
import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
import { openFolder } from '@/lib/util'

export default function ManageVersionPopup () {
  const {
    versionsList,
    serverVersionList,
    managingVersion,
    viewingInfoFromDownloads,
    setManagingVersion,
    closePopup,
    setPopupMode,
    setSelectedVersionList,
    downloadVersions,
    versions,
    customDataLocation
  } = useGlobal()
  const [versionSize, setVersionSize] = useState<number>(0)

  useEffect(() => {
    if (viewingInfoFromDownloads) return
    invoke<string>('folder_size', {
      version: managingVersion
    }).then(size => {
      setVersionSize(Number(size))
    })
  }, [managingVersion, setVersionSize, viewingInfoFromDownloads])

  if (!managingVersion) return null

  const versionInfo = serverVersionList?.versions.find(
    vf => vf.id == managingVersion
  )

  return (
    <>
      <p className='text-xl text-center'>Viewing {versionInfo?.displayName}</p>
      <div className='popup-content h-full w-full flex justify-center items-center flex-col gap-2'>
        <div className='flex flex-row gap-2 justify-center'>
          {!viewingInfoFromDownloads && (
            <div className='entry-info-item btntheme2'>
              <p>
                Installed{' '}
                {new Intl.DateTimeFormat(undefined).format(
                  versionsList[managingVersion] ?? 0
                )}
              </p>
            </div>
          )}
          {versionInfo && (
            <>
              {versionInfo.releaseDate != 0 && (
                <div className='entry-info-item btntheme2'>
                  <p>
                    Released{' '}
                    {new Intl.DateTimeFormat(undefined).format(
                      versionInfo?.releaseDate
                        ? versionInfo.releaseDate * 1000
                        : 0
                    )}
                  </p>
                </div>
              )}
              {versionInfo.changelog && (
                <div
                  className='entry-info-item btntheme2'
                  onClick={() => setPopupMode(4)}
                >
                  <p>View Changelog</p>
                  <FontAwesomeIcon
                    icon={faArrowUpRightFromSquare}
                    color='lightgray'
                  />
                </div>
              )}
            </>
          )}
        </div>
        {!viewingInfoFromDownloads && (
          <div className='flex flex-row gap-2 justify-center'>
            <div className='entry-info-item btntheme2'>
              <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
              <p>
                Size on disk:{' '}
                {prettyBytes(versionSize, {
                  minimumFractionDigits: 2,
                  maximumFractionDigits: 2
                })}
              </p>
            </div>
            <div
              className='entry-info-item btntheme2'
              onClick={async () => openFolder(managingVersion)}
              title="Click to browse the game's files."
            >
              Open Folder
              <FontAwesomeIcon
                icon={faArrowUpRightFromSquare}
                color='lightgray'
              />
            </div>
            <div
              className='entry-info-item btntheme2'
              onClick={async () => {
                closePopup()

                await versions?.set(
                  'list',
                  Object.fromEntries(
                    Object.entries(versionsList).filter(
                      ([k]) => k !== managingVersion
                    )
                  )
                )

                if (
                  await exists(
                    (customDataLocation ? customDataLocation + '/' : null) +
                      'game/' +
                      managingVersion,
                    {
                      baseDir: customDataLocation
                        ? undefined
                        : BaseDirectory.AppLocalData
                    }
                  )
                )
                  await remove(
                    (customDataLocation ? customDataLocation + '/' : null) +
                      'game/' +
                      managingVersion,
                    {
                      baseDir: customDataLocation
                        ? undefined
                        : BaseDirectory.AppLocalData,
                      recursive: true
                    }
                  )
              }}
              title='Click to uninstall this game. This will NOT remove any progress or any save files.'
            >
              Uninstall
            </div>
            <div
              className='entry-info-item btntheme2'
              onClick={async () => {
                //change popup to downloads
                setManagingVersion(null)
                setPopupMode(1)

                //uninstall
                await versions?.set(
                  'list',
                  Object.fromEntries(
                    Object.entries(versionsList).filter(
                      ([k]) => k !== managingVersion
                    )
                  )
                )

                if (
                  await exists(
                    (customDataLocation ? customDataLocation + '/' : null) +
                      'game/' +
                      managingVersion,
                    {
                      baseDir: customDataLocation
                        ? undefined
                        : BaseDirectory.AppLocalData
                    }
                  )
                )
                  await remove(
                    (customDataLocation ? customDataLocation + '/' : null) +
                      'game/' +
                      managingVersion,
                    {
                      baseDir: customDataLocation
                        ? undefined
                        : BaseDirectory.AppLocalData,
                      recursive: true
                    }
                  )

                //reinstall
                setSelectedVersionList([managingVersion])
                downloadVersions([
                  {
                    id: managingVersion,
                    type: 0
                  }
                ])
              }}
              title="Click to reinstall this game. This will NOT remove any progress or any save files. This WILL uninstall any modifications to the game's executable files."
            >
              Reinstall
            </div>
          </div>
        )}
      </div>
    </>
  )
}