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='Номер прав водителя:' placeholder='...' />
      <Input label='Лицензия оператора №:' placeholder='...' />
      <DatepickerWithInput label='Дата истечения прав водителя:' placeholder='00.00.0000' />
      <DatepickerWithInput label='Дата истечения лицензии оператора:' placeholder='00.00.0000' />
      <DownloadPhotoInput label='Фото водительских прав:' id='photo_driver_license' />
      <DownloadPhotoInput label='Фото ТС:' id='photo_transport' />
      <DownloadPhotoInput label='Фото водительских прав:' id='photo_driver_license' />
      <DownloadPhotoInput label='Фото удостоверяющая личность::' id='photo_passport' />
      <DownloadPhotoInput label='Сертификат АТ:' id='at_certificate' />
      <DownloadPhotoInput label='Фото свидетельства о регистрации:' id='registration_photo' />
      <DownloadPhotoInput label='Разрешение на вызов такси:' id='taxi' />
    </div>
  );
};

export default DocumentInfo;
