'use client'

import { useEffect } from 'react'
import { useRouter } from 'next/navigation'

export default function PaperTradingRedirect() {
  const router = useRouter()
  
  useEffect(() => {
    // SAFETY: Redirect to safe paper trading to prevent dangerous bug
    console.log('🚨 SAFETY REDIRECT: Redirecting to safe paper trading page')
    router.replace('/safe-paper-trading')
  }, [router])
  
  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 p-6">
      <div className="max-w-4xl mx-auto">
        <div className="bg-red-900/30 border border-red-700 rounded-lg p-6 text-center">
          <h1 className="text-2xl font-bold text-red-400 mb-4">🚨 SAFETY REDIRECT</h1>
          <p className="text-red-300 mb-4">
            This page has been disabled due to a critical bug that could execute real trades 
            instead of paper trades.
          </p>
          <p className="text-red-300 mb-6">
            You are being redirected to the safe paper trading page...
          </p>
          <div className="text-sm text-red-400">
            If redirect fails, manually navigate to: /safe-paper-trading
          </div>
        </div>
      </div>
    </div>
  )
}