import { getAPIUrl } from '@services/config/config'
import {
  createSampleDataInstall,
  updateInstall,
} from '@services/install/install'
import { swrFetcher } from '@services/utils/ts/requests'
import { useLHSession } from '@components/Contexts/LHSessionContext'
import { useRouter } from 'next/navigation'
import React from 'react'
import useSWR from 'swr'

function SampleData() {
  const session = useLHSession() as any;
  const access_token = session?.data?.tokens?.access_token;
  const {
    data: install,
    error: error,
    isLoading,
  } = useSWR(`${getAPIUrl()}install/latest`, (url) => swrFetcher(url, access_token))
  const router = useRouter()

  function createSampleData() {
    try {
      let username = install.data[3].username
      let slug = install.data[1].slug

      createSampleDataInstall(username, slug)

      let install_data = { ...install.data, 4: { status: 'OK' } }
      updateInstall(install_data, 5)

      router.push('/install?step=5')
    } catch (e) {}
  }

  return (
    <div className="flex py-10 justify-center items-center space-x-3">
      <h1>Install Sample data on your organization </h1>
      <div
        onClick={createSampleData}
        className="p-3  font-bold bg-purple-200 text-pruple-900 rounded-lg hover:cursor-pointer"
      >
        Start
      </div>
    </div>
  )
}

export default SampleData
