'use client'
import { use, useEffect } from 'react'
import { useRouter } from 'next/navigation'
import styles from './page.module.css'

/**
 * /track/[code] → redirect ke /track dengan kode yang sudah terisi
 * Ini shortlink yang digunakan dari booking success page & WhatsApp
 */
export default function TrackCodePage({ params }: { params: Promise<{ code: string }> }) {
  const { code } = use(params)
  const router = useRouter()

  useEffect(() => {
    router.replace(`/track?code=${code.toUpperCase()}`)
  }, [code, router])

  return (
    <div className={styles.loadingPage}>
      <div className={styles.loadingBox}>
        <div className={styles.loadingIcon}>🌿</div>
        <p className={styles.loadingText}>Memuat status pesanan...</p>
      </div>
    </div>
  )
}