import { Checkbox } from '@/components/UI/Checkbox';
import DatepickerWithInput from '@/components/UI/DatepickerWithInput';
import DownloadPhotoInput from '@/components/UI/DownloadPhotoInput';
import { Input } from '@/components/UI/Input';
import { Select } from '@/components/UI/Select';

const BasicInformation = () => {
  return (
    <div className='grid grid-cols-4 gap-6'>
      <Input
        label={
          <>
            Имя <span className='text-[#E31717]'>*</span>:
          </>
        }
        placeholder='...'
      />

      <Select
        label={
          <>
            Пол <span className='text-[#E31717]'>*</span>:
          </>
        }
      />

      <Select
        label={
          <>
            Выбор компании <span className='text-[#E31717]'>*</span>:
          </>
        }
      />
      <DatepickerWithInput label='Дата рождения:' placeholder='00:00:0000' />
      <Input label='Госномер:' placeholder='...' />
      <Input label='Контакт:' placeholder='...' />
      <Input label='Место рождения:' placeholder='...' />
      <Input label='Национальность:' placeholder='...' />
      <Input label='Адрес:' placeholder='...' />
      <Input label='Область:' placeholder='...' />
      <Input label='Образование:' placeholder='...' />
      <Checkbox isActive={false} value='' label='Обучение по технике безопасности' />
      <Input
        label={
          <>
            Удостоверение личности №<span className='text-[#E31717]'>*</span>:
          </>
        }
        placeholder='...'
      />
      <DownloadPhotoInput label='Фотография документа:' id='document_photo' />
      <DownloadPhotoInput label='Фото водителя портрет:' id='driver_photo' />
      <DownloadPhotoInput label='Идентификационная фотография:' id='photo_id' />
      <DownloadPhotoInput label='Изображение отпечатка пальца:' id='bio_photo' />
    </div>
  );
};

export default BasicInformation;
