import { InputCompOne } from "..";

import { useNavigate } from "react-router-dom";
import { RouteHandler } from "../../router/routes";

export default function DashboardProfile() {
    let navigate = useNavigate();
  const navigateToProfile = () => navigate(RouteHandler.dashboardHome);
  return (
    <div className="w-full">
      <div className='my-[2rem] flex items-center'>
        <button onClick={navigateToProfile} className='w-6 h-6 text-lg flex justify-center items-center rounded-full bg-gray-500'>&lt;</button>
      </div>
      <div className="max-w-[25.875rem] w-full p-4 rounded-xl flex flex-col gap-1 bg-[#FBB700]/30">
          <InputCompOne
            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
            name="applyIshInput"
            label="Full name"
            labelClass="font-bold text-[1.125rem]"
            input
            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
            placeholder="John James"
          />
          <InputCompOne
            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
            name="applyIshInput"
            label="Phone number"
            labelClass="font-bold text-[1.125rem]"
            input
            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
            placeholder="07000000000"
          />
          <InputCompOne
            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
            name="applyIshInput"
            label="Residential address"
            labelClass="font-bold text-[1.125rem]"
            input
            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
            placeholder="Somewhere in lagos"
          />
          <InputCompOne
            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
            name="applyIshInput"
            label="Select your state"
            labelClass="font-bold text-[1.125rem]"
            input
            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
            placeholder="Lagos"
          />
          <InputCompOne
            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
            name="applyIshInput"
            label="Email address"
            labelClass="font-bold text-[1.125rem]"
            input
            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
            placeholder="johndoe@gmail.com"   
          />
            <InputCompOne
            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
            name="applyIshInput"
            label="Date of birth"
            labelClass="font-bold text-[1.125rem]"
            input
            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
            placeholder="12/10/1994"   
          />
      </div>
    </div>
  );
}
