import { Breadcrumbs } from '../../../components/breadcrumbs';
import { DashboarNav } from '../../../components/dashboarNav';
import { cookies } from 'next/headers';
import { redirect } from 'next/navigation';
import UserProfileForm from './userProfileForm';



export default async function Dashboard() {
  const cookieStore = await cookies();
  const token = cookieStore.get('auth_token');
  if (!token) redirect('/login');

  return (
    <div className="dashboard">
      <div className="page-header container">
        <Breadcrumbs />
        <div className="page-header-content">
          <DashboarNav />
        </div>
      </div>

      <div className="dashboard-content container">
        <div className="dashboard-content__profile">
          <h4 className="dashboard-content__profile-title">View Profile</h4>
         <UserProfileForm />
        </div>
      </div>
    </div>
  )
}