// app/admin/dashboard/employees/roles/new/page.tsx
import RoleForm from '@/app/components/admin/roles/RoleForm';
import { authService } from '@/services/auth-service';
import { PERMISSIONS } from '@/lib/permissions';
import { redirect } from 'next/navigation';
import { getTokenFromCookies } from '@/lib/auth-utils';
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'New Role',
  description: 'Create a new role with specific permissions to control access levels.',
};

export default async function NewRolePage() {
  const token = await getTokenFromCookies();

  if (!token) redirect('/admin/login');

  const verifiedToken = await authService.verifyToken(token);
  if (!verifiedToken) redirect('/admin/login');

  const hasPermission = await authService.checkUserPermission(token, PERMISSIONS.ROLES_CREATE);
  if (!hasPermission) {
    return (
      <div className="max-w-4xl mx-auto">
        <div className="bg-var-danger-bg border border-var-danger-border rounded-2xl p-6 text-center">
          <h1 className="text-2xl font-bold text-var-danger-text">Access Denied</h1>
          <p className="text-var-danger-text mt-2">You don`t have permission to create roles.</p>
        </div>
      </div>
    );
  }

  return <RoleForm />;
}