import { CPMMBinaryContract } from 'common/contract'
import { Col } from 'web/components/layout/col'
import { Spacer } from 'web/components/layout/spacer'
import { Page } from 'web/components/page'
import { SEO } from 'web/components/SEO'
import { Title } from 'web/components/title'
import {
  StateElectionMarket,
  StateElectionMap,
} from 'web/components/usa-map/state-election-map'
import { useTracking } from 'web/hooks/use-tracking'
import { getContractFromSlug } from 'web/lib/firebase/contracts'

const senateMidterms: StateElectionMarket[] = [
  {
    state: 'AZ',
    creatorUsername: 'BTE',
    slug: 'will-blake-masters-win-the-arizona',
    isWinRepublican: true,
  },
  {
    state: 'OH',
    creatorUsername: 'BTE',
    slug: 'will-jd-vance-win-the-ohio-senate-s',
    isWinRepublican: true,
  },
  {
    state: 'WI',
    creatorUsername: 'BTE',
    slug: 'will-ron-johnson-be-reelected-in-th',
    isWinRepublican: true,
  },
  {
    state: 'FL',
    creatorUsername: 'BTE',
    slug: 'will-marco-rubio-be-reelected-to-th',
    isWinRepublican: true,
  },
  {
    state: 'PA',
    creatorUsername: 'MattP',
    slug: 'will-dr-oz-be-elected-to-the-us-sen',
    isWinRepublican: true,
  },
  {
    state: 'GA',
    creatorUsername: 'NcyRocks',
    slug: 'will-a-democrat-win-the-2022-us-sen-3d2432ba6d79',
    isWinRepublican: false,
  },
  {
    state: 'NV',
    creatorUsername: 'NcyRocks',
    slug: 'will-a-democrat-win-the-2022-us-sen',
    isWinRepublican: false,
  },
  {
    state: 'NC',
    creatorUsername: 'NcyRocks',
    slug: 'will-a-democrat-win-the-2022-us-sen-6f1a901e1fcf',
    isWinRepublican: false,
  },
  {
    state: 'NH',
    creatorUsername: 'NcyRocks',
    slug: 'will-a-democrat-win-the-2022-us-sen-23194a72f1b7',
    isWinRepublican: false,
  },
  {
    state: 'UT',
    creatorUsername: 'SG',
    slug: 'will-mike-lee-win-the-2022-utah-sen',
    isWinRepublican: true,
  },
  {
    state: 'CO',
    creatorUsername: 'SG',
    slug: 'will-michael-bennet-win-the-2022-co',
    isWinRepublican: false,
  },
]

const governorMidterms: StateElectionMarket[] = [
  {
    state: 'TX',
    creatorUsername: 'LarsDoucet',
    slug: 'republicans-will-win-the-2022-texas',
    isWinRepublican: true,
  },
  {
    state: 'GA',
    creatorUsername: 'MattP',
    slug: 'will-stacey-abrams-win-the-2022-geo',
    isWinRepublican: false,
  },
  {
    state: 'FL',
    creatorUsername: 'Tetraspace',
    slug: 'if-charlie-crist-is-the-democratic',
    isWinRepublican: false,
  },
  {
    state: 'PA',
    creatorUsername: 'JonathanMast',
    slug: 'will-josh-shapiro-win-the-2022-penn',
    isWinRepublican: false,
  },
  {
    state: 'PA',
    creatorUsername: 'JonathanMast',
    slug: 'will-josh-shapiro-win-the-2022-penn',
    isWinRepublican: false,
  },
  {
    state: 'CO',
    creatorUsername: 'ScottLawrence',
    slug: 'will-jared-polis-be-reelected-as-co',
    isWinRepublican: false,
  },
  {
    state: 'OR',
    creatorUsername: 'Tetraspace',
    slug: 'if-tina-kotek-is-the-2022-democrati',
    isWinRepublican: false,
  },
  {
    state: 'MD',
    creatorUsername: 'Tetraspace',
    slug: 'if-wes-moore-is-the-2022-democratic',
    isWinRepublican: false,
  },
  {
    state: 'AK',
    creatorUsername: 'SG',
    slug: 'will-a-republican-win-the-2022-alas',
    isWinRepublican: true,
  },
  {
    state: 'AZ',
    creatorUsername: 'SG',
    slug: 'will-a-republican-win-the-2022-ariz',
    isWinRepublican: true,
  },
  {
    state: 'AZ',
    creatorUsername: 'SG',
    slug: 'will-a-republican-win-the-2022-ariz',
    isWinRepublican: true,
  },
  {
    state: 'WI',
    creatorUsername: 'SG',
    slug: 'will-a-democrat-win-the-2022-wiscon',
    isWinRepublican: false,
  },
  {
    state: 'NV',
    creatorUsername: 'SG',
    slug: 'will-a-democrat-win-the-2022-nevada',
    isWinRepublican: false,
  },
  {
    state: 'KS',
    creatorUsername: 'SG',
    slug: 'will-a-democrat-win-the-2022-kansas',
    isWinRepublican: false,
  },
  {
    state: 'NV',
    creatorUsername: 'SG',
    slug: 'will-a-democrat-win-the-2022-new-me',
    isWinRepublican: false,
  },
  {
    state: 'ME',
    creatorUsername: 'SG',
    slug: 'will-a-democrat-win-the-2022-maine',
    isWinRepublican: false,
  },
]

export async function getStaticProps() {
  const senateContracts = await Promise.all(
    senateMidterms.map((m) =>
      getContractFromSlug(m.slug).then((c) => c ?? null)
    )
  )

  const governorContracts = await Promise.all(
    governorMidterms.map((m) =>
      getContractFromSlug(m.slug).then((c) => c ?? null)
    )
  )

  return {
    props: { senateContracts, governorContracts },
    revalidate: 60, // regenerate after a minute
  }
}

const App = (props: {
  senateContracts: CPMMBinaryContract[]
  governorContracts: CPMMBinaryContract[]
}) => {
  const { senateContracts, governorContracts } = props

  useTracking('view midterms 2022')

  return (
    <Page className="">
      <Col className="items-center justify-center">
        <Title text="2022 US Midterm Elections" className="mt-2" />
        <SEO
          title="2022 US Midterm Elections"
          description="Bet on the midterm elections using prediction markets. See Manifold's state-by-state breakdown of senate and governor races."
        />
        <div className="mt-2 text-2xl">Senate</div>
        <StateElectionMap
          markets={senateMidterms}
          contracts={senateContracts}
        />
        <iframe
          src="https://manifold.markets/TomShlomi/will-the-gop-control-the-us-senate"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>
        <Spacer h={8} />

        <div className="mt-8 text-2xl">Governors</div>
        <StateElectionMap
          markets={governorMidterms}
          contracts={governorContracts}
        />
        <iframe
          src="https://manifold.markets/ManifoldMarkets/democrats-go-down-at-least-one-gove"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>
        <Spacer h={8} />

        <div className="mt-8 text-2xl">House</div>
        <iframe
          src="https://manifold.markets/BoltonBailey/will-democrats-maintain-control-of"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>
        <Spacer h={8} />

        <div className="mt-8 text-2xl">Related markets</div>
        <iframe
          src="https://manifold.markets/BoltonBailey/balance-of-power-in-us-congress-aft"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>
        <iframe
          src="https://manifold.markets/SG/will-a-democrat-win-the-2024-us-pre"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>
        <iframe
          src="https://manifold.markets/Ibozz91/will-the-2022-alaska-house-general"
          title="Will the 2022 Alaska House General Nonspecial Election result in a Condorcet failure?"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>

        <iframe
          src="https://manifold.markets/NathanpmYoung/how-many-supreme-court-justices-wil-1e597c3853ad"
          title="Will the 2022 Alaska House General Nonspecial Election result in a Condorcet failure?"
          frameBorder="0"
          className="mt-8 flex h-96 w-full"
        ></iframe>
      </Col>
    </Page>
  )
}

export default App