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

const DocumentInfo = () => {
  return (
    <div className='grid grid-cols-4 gap-6'>
      <Input
        label={
          <>
            Номер задания <span className='text-[#E31717]'>*</span>:
          </>
        }
        placeholder='...'
      />
      <Input label='Статус квалификационного сертификата:' placeholder='...' />
      <Input label='Типы квалификационных сертификатов:' placeholder='...' />
      <DownloadPhotoInput label='Изображение сертификата:' id='certificate_photo' />
      <Input label='Сертификат автомобильного транспорта:' placeholder='...' />
      <DownloadPhotoInput label='Фото сертификата на перевозку:' id='certificate_photo' />
      <Input
        label={
          <>
            Номер лицензии <span className='text-[#E31717]'>*</span>:
          </>
        }
        placeholder='...'
      />
      <DownloadPhotoInput label='Фото водительских прав:' id='document_photo' />
      <Input label='Категория водительских прав:' placeholder='...' />
      <DatepickerWithInput label='Обработанная дата выдачи лицензии:' placeholder='00.00.0000' />
      <DatepickerWithInput label='Водительские права получены:' placeholder='00.00.0000' />
      <DatepickerWithInput label='Водительские права получены:' placeholder='00.00.0000' />
      <DatepickerWithInput label='Срок действия водительских прав:' placeholder='00.00.0000' />
      <Input label='Календарь расписания:' placeholder='...' />
      <DownloadPhotoInput label='Эксплуатационный сертификат:' id='operating_certificate' />
    </div>
  );
};

export default DocumentInfo;
