'use client';

import { useEffect, useState } from 'react';
import { getUser } from '@/lib/auth';
import { ChatLayout } from '@/components/messaging/ChatLayout';

export default function TeacherMessagesPage() {
  const [userId, setUserId] = useState<string | null>(null);

  useEffect(() => {
    const user = getUser();
    if (user?.id) setUserId(user.id);
  }, []);

  if (!userId) return null;

  return (
    <div className="font-urbanist">
      <div className="mb-5">
        <h1 className="text-xl font-bold text-slate-900">Mesajlaşma</h1>
        <p className="mt-0.5 text-sm text-slate-500">
          Velileriniz ve okul yönetimiyle iletişim kurun.
        </p>
      </div>
      <ChatLayout currentUserId={userId} currentUserRole="TEACHER" />
    </div>
  );
}