'use client'

import Link from 'next/link'
import { FaArrowLeft } from 'react-icons/fa6'

import AppCard from '@/src/components/AppCard'
import CreateUserForm from './components/CreateUserForm'

export default function CreateStudentPage() {
  return (
    <div>
      <div className="mb-6 flex items-center space-x-4">
        <Link
          href="/users"
          className="text-3xl p-2 rounded-full hover:bg-primary hover:text-neutral-04">
          <FaArrowLeft />
        </Link>

        <h2 className="text-3xl font-semibold">Crear Usuario</h2>
      </div>

      <AppCard>
        <div className="flex justify-between items-center mb-6">
          <div>
            <h3 className="text-xl font-semibold mb-3">Nuevo Usuario</h3>
            <p className="text-gray-600">
              Crea un nuevo usuario para su ingreso en la plataforma.
            </p>
          </div>
        </div>

        <div>
          <CreateUserForm />
        </div>
      </AppCard>
    </div>
  )
}