From 915dc67e1ce31eab1f2415cc8df95cebb75a137d Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Fri, 13 Dec 2024 14:18:03 +0700
Subject: <iman>update pengajuan tempo request

---
 .../component/KonfirmasiDokumen.jsx                | 855 +++++++++++++++------
 1 file changed, 637 insertions(+), 218 deletions(-)

(limited to 'src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx')

diff --git a/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx b/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx
index 19b7fed2..ca571167 100644
--- a/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx
+++ b/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx
@@ -178,16 +178,116 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
           <h1 className={`font-bold ${isKonfirmasi ? 'text-xl' : ''}`}>
             Dokumen
           </h1>
-          <form className='flex flex-col w-full gap-5'>
-            <div className='w-full flex flex-row items-center '>
-              <div className='w-2/5'>
+          <form className='flex flex-col w-full gap-5  '>
+            <div className='w-full flex flex-row items-center  '>
+              <div className='w-2/5 flex'>
                 <label className='form-label  text-nowrap'>
-                  NIB (SIUP/TDP/SKDP)
+                  NPWP Perusahaan
                 </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenNpwp?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenNpwp'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen?.dokumenNpwp?.name ? 'Ubah' : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenNpwp'
+                      name='dokumenNpwp'
+                      type='file'
+                      title=' '
+                      ref={dokumenNpwpRef}
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenNpwp}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenNpwp.format,
+                          formDokumen.dokumenNpwp.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenNpwp}
+                  </div>
+                )}
+              </div>
+            </div>
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>SPPKP</label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenSppkp?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenSppkp'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen?.dokumenSppkp?.name.length > 0
+                        ? 'Ubah'
+                        : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenSppkp'
+                      name='dokumenSppkp'
+                      type='file'
+                      title=' '
+                      ref={dokumenSppkpRef}
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenSppkp}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenSppkp.format,
+                          formDokumen.dokumenSppkp.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenSppkp}
+                  </div>
+                )}
+              </div>
+            </div>
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>NIB</label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
                     {formDokumen?.dokumenNib?.name}
                   </span>
                   <div className='w-2/5 flex flex-row gap-2'>
@@ -230,33 +330,33 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 )}
               </div>
             </div>
+
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
                 <label className='form-label  text-nowrap'>
-                  NPWP Perusahaan
+                  SIUP <span className=' opacity-60'>(Opsional)</span>
                 </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenNpwp?.name}
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenSiup?.name}
                   </span>
                   <div className='w-2/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenNpwp'
+                      htmlFor='dokumenSiup'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenNpwp?.name ? 'Ubah' : 'Upload'}
+                      {formDokumen.dokumenSiup.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenNpwp'
-                      name='dokumenNpwp'
+                      id='dokumenSiup'
+                      name='dokumenSiup'
                       type='file'
                       title=' '
-                      ref={dokumenNpwpRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenNpwp}
+                      aria-invalid={errorsDokumen.dokumenSiup}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -265,8 +365,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenNpwp.format,
-                          formDokumen.dokumenNpwp.base64
+                          formDokumen.dokumenSiup.format,
+                          formDokumen.dokumenSiup.base64
                         )
                       }
                     >
@@ -276,38 +376,303 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenNpwp}
+                    {errorsDokumen.dokumenSiup}
                   </div>
                 )}
               </div>
             </div>
+
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
-                <label className='form-label  text-nowrap'>SPPKP</label>
+                <label className='form-label  text-nowrap'>
+                  TDP <span className=' opacity-60'>(Opsional)</span>
+                </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenSppkp?.name}
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenTdp?.name}
                   </span>
                   <div className='w-2/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenSppkp'
+                      htmlFor='dokumenTdp'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenSppkp?.name.length > 0
+                      {formDokumen.dokumenTdp.name ? 'Ubah' : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenTdp'
+                      name='dokumenTdp'
+                      type='file'
+                      title=' '
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenTdp}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenTdp.format,
+                          formDokumen.dokumenTdp.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenTdp}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>
+                  SKDP <span className=' opacity-60'>(Opsional)</span>
+                </label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenSkdp?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenSkdp'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen.dokumenSkdp.name ? 'Ubah' : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenSkdp'
+                      name='dokumenSkdp'
+                      type='file'
+                      title=' '
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenSkdp}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenSkdp.format,
+                          formDokumen.dokumenSkdp.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenSkdp}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>
+                  SKT <span className=' opacity-60'>(Opsional)</span>
+                </label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenSkt?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenSkt'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen.dokumenSkt.name ? 'Ubah' : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenSkt'
+                      name='dokumenSkt'
+                      type='file'
+                      title=' '
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenSkt}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenSkt.format,
+                          formDokumen.dokumenSkt.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenSkt}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>
+                  Akta Pendirian <span className=' opacity-60'>(Opsional)</span>
+                </label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenAktaPendirian?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenAktaPendirian'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen?.dokumenAktaPendirian?.name
                         ? 'Ubah'
                         : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenSppkp'
-                      name='dokumenSppkp'
+                      id='dokumenAktaPendirian'
+                      name='dokumenAktaPendirian'
                       type='file'
                       title=' '
-                      ref={dokumenSppkpRef}
+                      ref={dokumenAktaPendirianRef}
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenAktaPendirian}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenAktaPendirian.format,
+                          formDokumen.dokumenAktaPendirian.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenAktaPendirian}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>
+                  {' '}
+                  Akta Perubahan <span className=' opacity-60'>(Opsional)</span>
+                </label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenAktaPerubahan?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenAktaPerubahan'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen.dokumenAktaPerubahan.name
+                        ? 'Ubah'
+                        : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenAktaPerubahan'
+                      name='dokumenAktaPerubahan'
+                      type='file'
+                      title=' '
+                      ref={dokumenAktaPerubahanRef}
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenAktaPerubahan}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenAktaPerubahan.format,
+                          formDokumen.dokumenAktaPerubahan.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenAktaPerubahan}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-nowrap'>
+                  Foto tempat kerja
+                </label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenTempatBekerja?.name}
+                  </span>
+                  <div className='w-2/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenTempatBekerja'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen?.dokumenTempatBekerja?.name
+                        ? 'Ubah'
+                        : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenTempatBekerja'
+                      name='dokumenTempatBekerja'
+                      type='file'
+                      title=' '
+                      ref={dokumenTempatBekerjaRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenSppkp}
+                      aria-invalid={errorsDokumen.dokumenTempatBekerja}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -316,8 +681,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenSppkp.format,
-                          formDokumen.dokumenSppkp.base64
+                          formDokumen.dokumenTempatBekerja.format,
+                          formDokumen.dokumenTempatBekerja.base64
                         )
                       }
                     >
@@ -327,7 +692,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenSppkp}
+                    {errorsDokumen.dokumenTempatBekerja}
                   </div>
                 )}
               </div>
@@ -336,33 +701,30 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
                 <label className='form-label  text-nowrap'>
-                  {' '}
-                  Akta Perubahan <span className=' opacity-60'>(Opsional)</span>
+                  Foto Kantor (Tampak Depan)
                 </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenAktaPerubahan?.name}
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenFotoKantor?.name}
                   </span>
                   <div className='w-2/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenAktaPerubahan'
+                      htmlFor='dokumenFotoKantor'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen.dokumenAktaPerubahan.name
-                        ? 'Ubah'
-                        : 'Upload'}
+                      {formDokumen?.dokumenFotoKantor?.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenAktaPerubahan'
-                      name='dokumendokumenAktaPerubahanSppkp'
+                      id='dokumenFotoKantor'
+                      name='dokumenFotoKantor'
                       type='file'
                       title=' '
-                      ref={dokumenAktaPerubahanRef}
+                      ref={dokumenFotoKantorRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenAktaPerubahan}
+                      aria-invalid={errorsDokumen.dokumenFotoKantor}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -371,8 +733,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenAktaPerubahan.format,
-                          formDokumen.dokumenAktaPerubahan.base64
+                          formDokumen.dokumenFotoKantor.format,
+                          formDokumen.dokumenFotoKantor.base64
                         )
                       }
                     >
@@ -382,7 +744,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenAktaPerubahan}
+                    {errorsDokumen.dokumenFotoKantor}
                   </div>
                 )}
               </div>
@@ -397,7 +759,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
                     {formDokumen?.dokumenKtpDirut?.name}
                   </span>
                   <div className='w-2/5 flex flex-row gap-2'>
@@ -444,32 +806,33 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
                 <label className='form-label  text-nowrap'>
-                  Akta Pendirian <span className=' opacity-60'>(Opsional)</span>
+                  Laporan Keuangan
+                  <span className=' opacity-60'>(Opsional)</span>
                 </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenAktaPendirian?.name}
+                  <span className='w-3/5  text-gray-600 truncate max-w-48'>
+                    {formDokumen?.dokumenLaporanKeuangan?.name}
                   </span>
                   <div className='w-2/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenAktaPendirian'
+                      htmlFor='dokumenLaporanKeuangan'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenAktaPendirian?.name
+                      {formDokumen?.dokumenLaporanKeuangan?.name
                         ? 'Ubah'
                         : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenAktaPendirian'
-                      name='dokumenAktaPendirian'
+                      id='dokumenLaporanKeuangan'
+                      name='dokumenLaporanKeuangan'
                       type='file'
                       title=' '
-                      ref={dokumenAktaPendirianRef}
+                      ref={dokumenLaporanKeuanganRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenAktaPendirian}
+                      aria-invalid={errorsDokumen.dokumenLaporanKeuangan}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -478,8 +841,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenAktaPendirian.format,
-                          formDokumen.dokumenAktaPendirian.base64
+                          formDokumen.dokumenLaporanKeuangan.format,
+                          formDokumen.dokumenLaporanKeuangan.base64
                         )
                       }
                     >
@@ -489,42 +852,45 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenAktaPendirian}
+                    {errorsDokumen.dokumenLaporanKeuangan}
                   </div>
                 )}
               </div>
             </div>
-
+          </form>
+        </div>
+      )}
+      {isMobile && (
+        <div className=''>
+          <h1 className={`font-bold ${isKonfirmasi ? 'hidden' : 'text-xl'}`}>
+            Dokumen
+          </h1>
+          <form className='flex flex-col w-full gap-5 text-sm'>
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
-                <label className='form-label  text-nowrap'>
-                  Laporan Keuangan
-                  <span className=' opacity-60'>(Opsional)</span>
-                </label>
+                <label className='form-label  text-wrap'>NPWP Perusahaan</label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenLaporanKeuangan?.name}
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenNpwp?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenLaporanKeuangan'
+                      htmlFor='dokumenNpwp'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenLaporanKeuangan?.name
-                        ? 'Ubah'
-                        : 'Upload'}
+                      {formDokumen?.dokumenNpwp?.name ? 'Sudah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenLaporanKeuangan'
-                      name='dokumenLaporanKeuangan'
+                      id='dokumenNpwp'
+                      name='dokumenNpwp'
                       type='file'
                       title=' '
-                      ref={dokumenLaporanKeuanganRef}
+                      ref={dokumenNpwpRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenLaporanKeuangan}
+                      aria-invalid={errorsDokumen.dokumenNpwp}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -533,8 +899,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenLaporanKeuangan.format,
-                          formDokumen.dokumenLaporanKeuangan.base64
+                          formDokumen.dokumenNpwp.format,
+                          formDokumen.dokumenNpwp.base64
                         )
                       }
                     >
@@ -544,39 +910,36 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenLaporanKeuangan}
+                    {errorsDokumen.dokumenNpwp}
                   </div>
                 )}
               </div>
             </div>
-
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
-                <label className='form-label  text-nowrap'>
-                  Foto Kantor (Tampak Depan)
-                </label>
+                <label className='form-label  text-wrap'>SPPKP</label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenFotoKantor?.name}
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenSppkp?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenFotoKantor'
+                      htmlFor='dokumenSppkp'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenFotoKantor?.name ? 'Ubah' : 'Upload'}
+                      {formDokumen?.dokumenSppkp?.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenFotoKantor'
-                      name='dokumenFotoKantor'
+                      id='dokumenSppkp'
+                      name='dokumenSppkp'
                       type='file'
                       title=' '
-                      ref={dokumenFotoKantorRef}
+                      ref={dokumenSppkpRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenFotoKantor}
+                      aria-invalid={errorsDokumen.dokumenSppkp}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -585,8 +948,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenFotoKantor.format,
-                          formDokumen.dokumenFotoKantor.base64
+                          formDokumen.dokumenSppkp.format,
+                          formDokumen.dokumenSppkp.base64
                         )
                       }
                     >
@@ -596,7 +959,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenFotoKantor}
+                    {errorsDokumen.dokumenSppkp}
                   </div>
                 )}
               </div>
@@ -604,33 +967,81 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
 
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
-                <label className='form-label  text-nowrap'>
-                  Foto tempat kerja
+                <label className='form-label  text-wrap'>NIB</label>
+              </div>
+              <div className='w-3/5'>
+                <div className='flex flex-row items-center justify-start'>
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenNib?.name}
+                  </span>
+                  <div className='w-3/5 flex flex-row gap-2'>
+                    <label
+                      htmlFor='dokumenNib'
+                      className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
+                    >
+                      {formDokumen?.dokumenNib?.name ? 'Ubah' : 'Upload'}
+                    </label>
+                    <input
+                      // value={formDokumen?.dokumenNib?.name}
+                      id='dokumenNib'
+                      name='dokumenNib'
+                      type='file'
+                      title=' '
+                      ref={dokumenNibRef}
+                      className='hidden'
+                      aria-invalid={errorsDokumen.dokumenNib}
+                      onChange={handleInputChange}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <button
+                      className='rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400'
+                      type='button'
+                      onClick={() =>
+                        handleConfirmSubmit(
+                          formDokumen.dokumenNib.format,
+                          formDokumen.dokumenNib.base64
+                        )
+                      }
+                    >
+                      <EyeIcon className={`w-4 ${isDesktop && ''}`} />
+                    </button>
+                  </div>
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsDokumen.dokumenNib}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='w-full flex flex-row items-center '>
+              <div className='w-2/5'>
+                <label className='form-label  text-wrap'>
+                  SIUP <span className=' opacity-60'>(Opsional)</span>
                 </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenTempatBekerja?.name}
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenSiup?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenTempatBekerja'
+                      htmlFor='dokumenSiup'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenTempatBekerja?.name
-                        ? 'Ubah'
-                        : 'Upload'}
+                      {formDokumen?.dokumenSiup?.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenTempatBekerja'
-                      name='dokumenTempatBekerja'
+                      id='dokumenSiup'
+                      name='dokumenSiup'
                       type='file'
                       title=' '
-                      ref={dokumenTempatBekerjaRef}
+                      ref={dokumenAktaPerubahanRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenTempatBekerja}
+                      aria-invalid={errorsDokumen.dokumenSiup}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -639,66 +1050,50 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenTempatBekerja.format,
-                          formDokumen.dokumenTempatBekerja.base64
+                          formDokumen.dokumenSiup.format,
+                          formDokumen.dokumenSiup.base64
                         )
                       }
                     >
                       <EyeIcon className={`w-4 ${isDesktop && ''}`} />
                     </button>
                   </div>
-                  {/* <Image
-                src={`data:image/png;base64, ${formDokumen.dokumenNib.base64}`}
-                alt='Contoh SPPKP'
-                className='w-full h-full '
-                width={800}
-                height={800}
-                quality={85}
-              /> */}
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenTempatBekerja}
+                    {errorsDokumen.dokumenSiup}
                   </div>
                 )}
               </div>
             </div>
-          </form>
-        </div>
-      )}
-      {isMobile && (
-        <div>
-          <h1 className={`font-bold ${isKonfirmasi ? 'hidden' : 'text-xl'}`}>
-            Dokumen
-          </h1>
-          <form className='flex flex-col w-full gap-5 text-sm'>
+
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
                 <label className='form-label  text-wrap'>
-                  NIB (SIUP/TDP/SKDP)
+                  TDP <span className=' opacity-60'>(Opsional)</span>
                 </label>
               </div>
               <div className='w-3/5'>
-                <div className='flex flex-row items-center justify-start'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenNib?.name}
+                <div className='flex flex-row items-start justify-between'>
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenTdp?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenNib'
+                      htmlFor='dokumenTdp'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenNib?.name ? 'Ubah' : 'Upload'}
+                      {formDokumen?.dokumenTdp?.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenNib'
-                      name='dokumenNib'
+                      id='dokumenTdp'
+                      name='dokumenTdp'
                       type='file'
                       title=' '
-                      ref={dokumenNibRef}
+                      ref={dokumenAktaPerubahanRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenNib}
+                      aria-invalid={errorsDokumen.dokumenTdp}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -707,8 +1102,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenNib.format,
-                          formDokumen.dokumenNib.base64
+                          formDokumen.dokumenTdp.format,
+                          formDokumen.dokumenTdp.base64
                         )
                       }
                     >
@@ -718,36 +1113,38 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenNib}
+                    {errorsDokumen.dokumenTdp}
                   </div>
                 )}
               </div>
             </div>
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
-                <label className='form-label  text-wrap'>NPWP Perusahaan</label>
+                <label className='form-label  text-wrap'>
+                  SKDP <span className=' opacity-60'>(Opsional)</span>
+                </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenNpwp?.name}
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenSkdp?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenNpwp'
+                      htmlFor='dokumenSkdp'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenNpwp?.name ? 'Sudah' : 'Upload'}
+                      {formDokumen?.dokumenSkdp?.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenNpwp'
-                      name='dokumenNpwp'
+                      id='dokumenSkdp'
+                      name='dokumenSkdp'
                       type='file'
                       title=' '
-                      ref={dokumenNpwpRef}
+                      ref={dokumenAktaPerubahanRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenNpwp}
+                      aria-invalid={errorsDokumen.dokumenSkdp}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -756,8 +1153,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenNpwp.format,
-                          formDokumen.dokumenNpwp.base64
+                          formDokumen.dokumenSkdp.format,
+                          formDokumen.dokumenSkdp.base64
                         )
                       }
                     >
@@ -767,36 +1164,38 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenNpwp}
+                    {errorsDokumen.dokumenSkdp}
                   </div>
                 )}
               </div>
             </div>
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
-                <label className='form-label  text-wrap'>SPPKP</label>
+                <label className='form-label  text-wrap'>
+                  SKT <span className=' opacity-60'>(Opsional)</span>
+                </label>
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
-                    {formDokumen?.dokumenSppkp?.name}
+                  <span className='w-2/5  text-gray-600 truncate '>
+                    {formDokumen?.dokumenSkt?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
-                      htmlFor='dokumenSppkp'
+                      htmlFor='dokumenSkt'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
                     >
-                      {formDokumen?.dokumenSppkp?.name ? 'Ubah' : 'Upload'}
+                      {formDokumen?.dokumenSkt?.name ? 'Ubah' : 'Upload'}
                     </label>
                     <input
                       // value={formDokumen?.dokumenNib?.name}
-                      id='dokumenSppkp'
-                      name='dokumenSppkp'
+                      id='dokumenSkt'
+                      name='dokumenSkt'
                       type='file'
                       title=' '
-                      ref={dokumenSppkpRef}
+                      ref={dokumenAktaPerubahanRef}
                       className='hidden'
-                      aria-invalid={errorsDokumen.dokumenSppkp}
+                      aria-invalid={errorsDokumen.dokumenSkt}
                       onChange={handleInputChange}
                       accept='.pdf,.png,.jpg,.jpeg'
                     />
@@ -805,8 +1204,8 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       type='button'
                       onClick={() =>
                         handleConfirmSubmit(
-                          formDokumen.dokumenSppkp.format,
-                          formDokumen.dokumenSppkp.base64
+                          formDokumen.dokumenSkt.format,
+                          formDokumen.dokumenSkt.base64
                         )
                       }
                     >
@@ -816,7 +1215,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 {chekValid && (
                   <div className='text-caption-2 text-danger-500 mt-1'>
-                    {errorsDokumen.dokumenSppkp}
+                    {errorsDokumen.dokumenSkt}
                   </div>
                 )}
               </div>
@@ -831,10 +1230,10 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-2/5  text-gray-600 truncate '>
                     {formDokumen?.dokumenAktaPerubahan?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
                       htmlFor='dokumenAktaPerubahan'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
@@ -846,7 +1245,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     <input
                       // value={formDokumen?.dokumenNib?.name}
                       id='dokumenAktaPerubahan'
-                      name='dokumendokumenAktaPerubahanSppkp'
+                      name='dokumenAktaPerubahan'
                       type='file'
                       title=' '
                       ref={dokumenAktaPerubahanRef}
@@ -886,10 +1285,10 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-2/5  text-gray-600 truncate '>
                     {formDokumen?.dokumenKtpDirut?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
                       htmlFor='dokumenKtpDirut'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
@@ -938,10 +1337,10 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-2/5  text-gray-600 truncate '>
                     {formDokumen?.dokumenAktaPendirian?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
                       htmlFor='dokumenAktaPendirian'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
@@ -993,10 +1392,10 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-2/5  text-gray-600 truncate '>
                     {formDokumen?.dokumenLaporanKeuangan?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
                       htmlFor='dokumenLaporanKeuangan'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
@@ -1047,10 +1446,10 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-2/5  text-gray-600 truncate '>
                     {formDokumen?.dokumenFotoKantor?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
                       htmlFor='dokumenFotoKantor'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20 text-center'
@@ -1099,10 +1498,10 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
               <div className='w-3/5'>
                 <div className='flex flex-row items-start justify-between'>
-                  <span className='w-3/5  text-gray-600 truncate'>
+                  <span className='w-2/5  text-gray-600 truncate'>
                     {formDokumen?.dokumenTempatBekerja?.name}
                   </span>
-                  <div className='w-2/5 flex flex-row gap-2'>
+                  <div className='w-3/5 flex flex-row gap-2'>
                     <label
                       htmlFor='dokumenTempatBekerja'
                       className='cursor-pointer bg-red-500 hover:bg-red-600 text-white py-1 px-3 text-sm rounded min-w-20'
@@ -1184,46 +1583,23 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
           close={() => setIsExample(false)}
         >
           <div className='flex  justify-center items-center p-2'>
-            {!format.includes('undifined') ? (
-              <object
-                data={`data:${format};base64,${base64}`}
-                type={format}
-                width='100%'
-                height='100%'
-                onError={(e) => {
-                  // Jika <object> gagal menampilkan PDF, unduh otomatis
-                  const link = document.createElement('a');
-                  link.href = `data:${format};base64,${base64}`;
-                  link.download = 'document.pdf';
-                  link.click();
-                }}
-              >
-                PDF tidak dapat ditampilkan.
-                <a
-                  href={`data:${format};base64,${base64}`}
-                  download='document.pdf'
-                >
-                  {' '}
-                  Klik <span className='text-red-500'>di sini</span> untuk
-                  mengunduh PDF
-                </a>
-              </object>
-            ) : (
-              <embed
-                src={
-                  '/web/image/2540181?unique=7050288dd34d7318bf059e7f362540f6ad5533f9'
-                }
-                width='100%'
-                height='600px'
-              />
-            )}
-            {/* <embed
-              src={
-                '/web/image/2540181?unique=7050288dd34d7318bf059e7f362540f6ad5533f9'
-              }
+            {/* <iframe
+              src={`${
+                format == null ? url : `data:${format};base64,${base64}`
+              }`}
+              // src={`http://192.168.23.244:8069` + `${format}`}
+              // src={format}
+              width='800px'
+              height='600px'
+              title='Document'
+            ></iframe> */}
+            <embed
+              src={`${
+                format == null ? url : `data:${format};base64,${base64}`
+              }`}
               width='100%'
               height='600px'
-            /> */}
+            />
           </div>
         </BottomPopup>
       )}
@@ -1242,7 +1618,7 @@ export default KonfirmasiDokumen;
   title='NPWP File'
   frameBorder='0'
   sandbox
-></iframe> */
+  ></iframe> */
 }
 {
   /* <Image
@@ -1252,5 +1628,48 @@ export default KonfirmasiDokumen;
   width={1200}
   height={1200}
   quality={85}
-/> */
+  /> */
 }
+
+// <div className='flex  justify-center items-center p-2'>
+//   {!format.includes('undifined') ? (
+//     <object
+//       data={`data:${format};base64,${base64}`}
+//       type={format}
+//       width='100%'
+//       height='100%'
+//       onError={(e) => {
+//         // Jika <object> gagal menampilkan PDF, unduh otomatis
+//         const link = document.createElement('a');
+//         link.href = `data:${format};base64,${base64}`;
+//         link.download = 'document.pdf';
+//         link.click();
+//       }}
+//     >
+//       PDF tidak dapat ditampilkan.
+//       <a
+//         href={`data:${format};base64,${base64}`}
+//         download='document.pdf'
+//       >
+//         {' '}
+//         Klik <span className='text-red-500'>di sini</span> untuk
+//         mengunduh PDF
+//       </a>
+//     </object>
+//   ) : (
+//     <embed
+//       src={
+//         '/web/image/2540181?unique=7050288dd34d7318bf059e7f362540f6ad5533f9'
+//       }
+//       width='100%'
+//       height='600px'
+//     />
+//   )}
+//   {/* <embed
+//     src={
+//       '/web/image/2540181?unique=7050288dd34d7318bf059e7f362540f6ad5533f9'
+//     }
+//     width='100%'
+//     height='600px'
+//   /> */}
+// </div>
-- 
cgit v1.2.3