import {
  Code,
  Link,
  ListItem,
  Stack,
  Text,
  UnorderedList,
} from '@chakra-ui/react';
import type { NextPage } from 'next';
import { useState } from 'react'

import {
  DownloadsHero,
  DownloadsSection,
  DownloadsTable,
} from '../components/UI/downloads';
import { DataTable } from '../components/UI/DataTable';

import {
  GETH_REPO_URL
} from '../constants'

import { testDownloadData } from '../data/test/download-testdata'
import { pgpBuildTestData } from '../data/test/pgpbuild-testdata';
import { pgpDeveloperTestData } from '../data/test/pgpdeveloper-testdata';

const DownloadsPage: NextPage = ({}) => {
  const [amountStableReleases, updateAmountStables] = useState(10)
  const [amountDevelopBuilds, updateAmountDevelopBuilds] = useState(10)

  return (
    <>
     {/* TODO: add PageMetadata */}
     
     <main>
      <Stack spacing={4}>
        {/* TODO: replace hardcoded strings with build information */}
        <DownloadsHero
          currentBuildName={'Sentry Omega'}
          currentBuildVersion={'v1.10.23'}
          linuxBuildURL={'https://gethstore.blob.core.windows.net/builds/geth-linux-amd64-1.10.25-69568c55.tar.gz'}
          macOSBuildURL={'https://gethstore.blob.core.windows.net/builds/geth-darwin-amd64-1.10.25-69568c55.tar.gz'}
          releaseNotesURL={''}
          sourceCodeURL={'https://github.com/ethereum/go-ethereum/archive/v1.10.25.tar.gz'}
          windowsBuildURL={'https://gethstore.blob.core.windows.net/builds/geth-windows-amd64-1.10.25-69568c55.exe'}
        />

        <DownloadsSection
          imgSrc='/images/pages/gopher-home-side-desktop.svg'
          imgAltText='Gopher facing right'
          sectionTitle='Specific Versions'
          id='specificversions'
        >
          <Stack p={4}>
            <Text textStyle='quick-link-text'>
              If you&apos;re looking for a specific release, operating system or architecture, below you will find:
            </Text>

            <UnorderedList px={4}>
              <ListItem>
                <Text textStyle='quick-link-text'>
                  All stable and develop builds of Geth and tools
                </Text>
              </ListItem>
              <ListItem>
                <Text textStyle='quick-link-text'>
                  Archives for non-primary processor architectures
                </Text>
              </ListItem>
              <ListItem>
                <Text textStyle='quick-link-text'>
                  Android library archives and iOS XCode frameworks
                </Text>
              </ListItem>
            </UnorderedList>

            <Text textStyle='quick-link-text'>
              Please select your desired platform from the lists below and download your bundle of choice. Please be aware that the MD5 checksums are provided by our binary hosting platform (Azure Blobstore) to help check for download errors. For security guarantees please verify any downloads via the attached PGP signature files (see{' '}
              <Link
                href={'#pgpsignatures'}
                variant='href'
              >
                OpenPGP
              </Link>{' '}
              Signatures for details).
            </Text>
          </Stack>
        </DownloadsSection>

        <DownloadsSection sectionTitle='Stable releases' id='stablereleases'>
          <Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'>
            <Text textStyle='quick-link-text'>
              These are the current and previous stable releases of go-ethereum, updated automatically when a new version is tagged in our{' '}
              <Link
                href={GETH_REPO_URL}
                isExternal
                variant='href'
              >
                GitHub repository.
              </Link>
            </Text>
          </Stack>

          {/* TODO: swap test data for real data */}
          <DownloadsTable data={testDownloadData.slice(0, amountStableReleases)}/>

          <Stack sx={{ mt: '0 !important' }}>
            <Link as='button' variant='secondary' onClick={() => {
              updateAmountStables(amountStableReleases+10)
            }}>
              <Text
                fontFamily='"JetBrains Mono", monospace'
                // TODO: move to theme colors
                fontWeight={700}
                textTransform='uppercase'
                textAlign='center'
                p={4}
              >
                SHOW OLDER RELEASES
              </Text>
            </Link>
          </Stack>
        </DownloadsSection>

        <DownloadsSection sectionTitle='Develop builds' id='developbuilds'>
          <Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'>
            <Text textStyle='quick-link-text'>
              These are the develop snapshots of go-ethereum, updated automatically when a new commit is pushed into our{' '}
              <Link
                href={GETH_REPO_URL}
                isExternal
                variant='href'
              >
                GitHub repository.
              </Link>
            </Text>
          </Stack>

         {/* TODO: swap for real data */}
          <DownloadsTable data={testDownloadData.slice(0, amountDevelopBuilds)} />

          <Stack sx={{ mt: '0 !important' }}>
            <Link as='button' variant='secondary' onClick={() => {
              updateAmountDevelopBuilds(amountDevelopBuilds+10)
            }}>
              <Text
                fontFamily='"JetBrains Mono", monospace'
                // TODO: move to theme colors
                fontWeight={700}
                textTransform='uppercase'
                textAlign='center'
                p={4}
              >
                SHOW OLDER RELEASES
              </Text>
            </Link>
          </Stack>
        </DownloadsSection>

        <DownloadsSection sectionTitle='OpenPGP Signatures' id='pgpsignatures'>
          <Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'>
            <Text textStyle='quick-link-text'>
              All the binaries available from this page are signed via our build server PGP keys:
            </Text>
          </Stack>

          {/* TODO: swap for real data */}
          <Stack  borderBottom='2px solid' borderColor='brand.light.primary'>
            <DataTable
              columnHeaders={[
                'Build Server',
                'UniqueID',
                'OpenPGP Key',
                'Fingerprint'
              ]}
              data={pgpBuildTestData}
            />
          </Stack>

          {/* TODO: swap for real data */}
          <Stack>
            <DataTable
              columnHeaders={[
                'Developer',
                'Unique ID',
                'OpenPGP Key',
                'Fingerprint'
              ]}
              data={pgpDeveloperTestData}
            />
          </Stack>
        </DownloadsSection>

        <DownloadsSection sectionTitle='Importing keys and verifying builds' id='importingkeys'>
          <Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'>
            <Text textStyle='quick-link-text'>
              You can import the build server public keys by grabbing the individual keys directly from the keyserver network:
            </Text>

            {/* TODO: These keys depends on the binary */}
            <Code p={4}>
              gpg --recv-keys F9585DE6 C2FF8BBF 9BA28146 7B9E2481 D2A67EAC
            </Code>
          </Stack>

          <Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'>
            <Text textStyle='quick-link-text'>
              Similarly you can import all the developer public keys by grabbing them directly from the keyserver network:
            </Text>

            {/* TODO: Thees are developer keys, do we need to change? */}
            <Code p={4}>
              gpg --recv-keys E058A81C  05A5DDF0 1CCB7DD2
            </Code>
          </Stack>

          <Stack p={4}>
            <Text textStyle='quick-link-text'>
              From the download listings above you should see a link both to the downloadable archives as well as detached signature files. To verify the authenticity of any downloaded data, grab both files and then run:
            </Text>

            {/* TODO: These keys depends on the binary */}
            <Code p={4}>
              gpg --verify geth-linux-amd64-1.5.0-d0c820ac.tar.gz.asc
            </Code>
          </Stack>
        </DownloadsSection>
      </Stack>
     </main>
    </>
  )
}

export default DownloadsPage