'use client';

import React, { useState, useEffect } from 'react';
import { PageHeader } from '@/components/common/PageHeader';
import { FormPrestasi } from '@/components/mahasiswa/FormPrestasi';
import { getCurrentUserSync } from '@/lib/api/auth';
import { TSessionUser } from '@/types/auth';

export default function MahasiswaTambahPrestasiPage() {
  const [user, setUser] = useState<TSessionUser | null>(null);

  useEffect(() => {
    const session = getCurrentUserSync();
    if (session) {
      setUser(session);
    }
  }, []);

  if (!user) {
    return (
      <div className="flex items-center justify-center min-h-[50vh]">
        <span className="text-sm text-text-muted font-bold">Memuat data pengguna...</span>
      </div>
    );
  }

  return (
    <div className="space-y-6 max-w-4xl mx-auto">
      {/* Page Header */}
      <PageHeader
        title="Ajukan Prestasi"
        description="Laporkan capaian prestasi lomba, minat bakat, atau kepengurusan organisasi Anda."
      />

      <FormPrestasi user={user} />
    </div>
  );
}