coffeecode12

Personal Guaeantie

Jun 19th, 2021
1,052
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- CONTENT -->
  2.   <div class="mx-2 my-5 bg-gray">
  3.       <div class="bg-white shadow-xl rounded-lg">
  4.         <div class="m-6 sm:mt-0">
  5.          
  6.             <div *ngIf="loadingPage" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../../../assets/img/spinner.svg" alt="loading"></div>
  7.  
  8.             <div *ngIf="!loadingPage" class="md:grid md:grid-cols-5 md:gap-6">
  9.               <div class="md:col-span-2">
  10.                 <div class="flex flex-row">
  11.                   <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2">INFORMASI MITRA</h3>
  12.                 </div>
  13.        
  14.                   <div class="px-4 sm:px-0 mt-5">
  15.        
  16.                       <div class="grid grid-cols-8 sm:grid-cols-6 gap-6">
  17.                         <div class="col-span-4 sm:col-span-1">
  18.                           <label class="text-sm font-medium text-gray-700 font-semibold">ID Mitra</label>
  19.                         </div>
  20.                         <div class="col-span-4 sm:col-span-2">
  21.                           <span class="text-gray-500">{{detail.idMitra}}</span>
  22.                         </div>
  23.                         <div class="col-span-4 sm:col-span-1">
  24.                           <label class="text-sm font-medium text-gray-700 font-semibold">Nama Mitra</label>
  25.                         </div>
  26.                         <div class="col-span-4 sm:col-span-2">
  27.                           <span class="text-gray-500">{{detail.namaMitra}}</span>
  28.                         </div>
  29.                         <div class="col-span-4 sm:col-span-1">
  30.                           <label class="text-sm font-medium text-gray-700 font-semibold">Nama Kontak</label>
  31.                         </div>
  32.                         <div class="col-span-4 sm:col-span-2">
  33.                           <span class="text-gray-500" *ngIf="detail.namaKontrak !== '' ">{{detail.namaKontrak}}</span>
  34.                           <span class="text-gray-500" *ngIf="detail.namaKontrak === '' ">-</span>
  35.                         </div>
  36.                         <div class="col-span-4 sm:col-span-1">
  37.                           <label class="text-sm font-medium text-gray-700 font-semibold">No. Telp</label>
  38.                         </div>
  39.                         <div class="col-span-4 sm:col-span-2">
  40.                           <span class="text-gray-500" *ngIf="detail.noTelpMitra !== '' ">{{detail.noTelpMitra}}</span>
  41.                           <span class="text-gray-500" *ngIf="detail.noTelpMitra === '' ">-</span>
  42.                         </div>
  43.                         <div class="col-span-4 sm:col-span-1">
  44.                           <label class="text-sm font-medium text-gray-700 font-semibold">Alamat</label>
  45.                         </div>
  46.                         <div class="col-span-4">
  47.                           <span class="text-gray-500">{{detail.alamatMitra}}</span>
  48.                         </div>
  49.                       </div>
  50.        
  51.                       <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">INFORMASI PROPOSAL</h3>
  52.                       <div class="grid grid-cols-8 sm:grid-cols-6 gap-6 mt-5">
  53.                         <div class="col-span-4 sm:col-span-1">
  54.                           <label class="text-sm font-medium text-gray-700 font-semibold">ID Proposal</label>
  55.                         </div>
  56.                         <div class="col-span-4 sm:col-span-2">
  57.                           <span class="text-gray-500">{{detail.idProposal}}</span>
  58.                         </div>
  59.                         <div class="col-span-4 sm:col-span-1">
  60.                           <label class="text-sm font-medium text-gray-700 font-semibold">Tgl Terima</label>
  61.                         </div>
  62.                         <div class="col-span-4 sm:col-span-2">
  63.                           <span class="text-gray-500">{{detail.tanggalTerima | date:'dd-MM-yyyy'}}</span>
  64.                         </div>
  65.                         <div class="col-span-4 sm:col-span-1">
  66.                           <label class="text-sm font-medium text-gray-700 font-semibold">Jenis</label>
  67.                         </div>
  68.                         <div class="col-span-4 sm:col-span-2">
  69.                           <span class="text-gray-500">{{detail.jenisPinjaman}} {{detail.polaPembiayaan}}</span>
  70.                         </div>
  71.                         <div class="col-span-4 sm:col-span-1">
  72.                           <label class="text-sm font-medium text-gray-700 font-semibold">Plafon</label>
  73.                         </div>
  74.                         <div class="col-span-4 sm:col-span-2">
  75.                           <span class="text-gray-500">{{detail.plafond | currency:'INA':'Rp ':'1.0'}}</span>
  76.                         </div>
  77.                         <div class="col-span-4 sm:col-span-1">
  78.                           <label class="text-sm font-medium text-gray-700 font-semibold">Kegunaan</label>
  79.                         </div>
  80.                         <div class="col-span-4 sm:col-span-2">
  81.                           <span class="text-gray-500" *ngIf="detail.kegunaan !== '' ">{{detail.kegunaan}}</span>
  82.                           <span class="text-gray-500" *ngIf="detail.kegunaan === '' ">-</span>
  83.                         </div>
  84.                       </div>
  85.        
  86.                       <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">PENCAIRAN</h3>
  87.                       <div class="grid grid-cols-6 gap-6">
  88.                         <div class="col-span-6 sm:col-span-6 mt-5">
  89.                           <div class="overflow-x-auto">
  90.                               <table>
  91.                                   <tr class="bg-gray-50 text-xs text-gray-800 border">
  92.                                     <th class="px-4 py-2 border">PENCAIRAN KE</th>
  93.                                     <th class="px-4 py-2 border">NILAI PENCAIRAN (Rp)</th>
  94.                                     <th class="px-4 py-2 border">TGL PENCAIRAN</th>
  95.                                   </tr>
  96.                                   <tbody class="bg-white divide-y divide-gray-200 text-center text-sm">
  97.                                     <tr>
  98.                                       <td class="px-4 py-2 border bg-white" colspan="4"> Data Belum Ada </td>
  99.                                     </tr>
  100.                                   </tbody>
  101.                                   <!-- <tbody class="bg-white divide-y divide-gray-200">
  102.                                    <tr class="text-center text-xs text-gray-500 uppercase border">
  103.                                        <td class="px-4 py-2 border">1</td>
  104.                                        <td class="px-2 py-2 border">
  105.                                          <div class="w-32">Rp. 100.000.000</div>
  106.                                        </td>
  107.                                        <td class="px-4 py-2 border">08-04-2021</td>
  108.                                    </tr>
  109.                                  </tbody> -->
  110.                               </table>
  111.                           </div>
  112.                         </div>
  113.                       </div>
  114.        
  115.                       <div class="grid grid-cols-6 gap-6">
  116.                         <div class="col-span-6 mt-20">
  117.                           <div class="flex items-center">
  118.                             <h3 class="text-lg font-medium leading-6 text-gray-900">JAMINAN</h3>
  119.                           </div>
  120.                         </div>
  121.                         <div class="col-span-6 mb-5">
  122.                           <div class="overflow-x-auto">
  123.                               <table>
  124.                                   <tr class="bg-gray-50 text-xs text-gray-800 border">
  125.                                     <th class="px-4 py-2 border">NO</th>
  126.                                     <th class="px-4 py-2 border">NAMA JAMINAN</th>
  127.                                     <th class="px-4 py-2 border">KETERANGAN JAMINAN</th>
  128.                                     <th class="px-4 py-2 border">NILAI JAMINAN (Rp)</th>
  129.                                   </tr>
  130.                                   <tbody class="bg-white divide-y divide-gray-200 text-center text-sm">
  131.                                     <tr>
  132.                                       <td class="px-4 py-2 border bg-white" colspan="4"> Data Belum Ada </td>
  133.                                     </tr>
  134.                                   </tbody>
  135.                                   <!-- <tbody class="bg-white divide-y divide-gray-200" *ngIf="deposito.listOopJaminanDepositoJaminan.length > 0">
  136.                                    <tr class="text-center text-xs text-gray-500 uppercase border" *ngFor="let viewJaminan of deposito.listOopJaminanDepositoJaminan; let i=index">
  137.                                      <td class="px-4 py-2 border">{{i+1}}</td>
  138.                                      <td class="px-4 py-2 border">{{viewJaminan.jenisJaminan}}</td>
  139.                                      <td class="px-4 py-2 border">{{viewJaminan.jenisDeposito}}</td>
  140.                                      <td class="px-2 py-2 border normal-case">
  141.                                        <div class="w-32">{{viewJaminan.nilaiDeposito | currency:'INA':'Rp ':'1.0'}}</div>
  142.                                      </td>
  143.                                    </tr>
  144.                                  </tbody> -->
  145.                               </table>
  146.                           </div>
  147.                         </div>
  148.                       </div>
  149.        
  150.                   </div>
  151.               </div>
  152.  
  153.               <div class="mt-5 md:mt-0 md:col-span-3 ">
  154.                   <div class="shadow overflow-hidden sm:rounded-md">
  155.                     <div class="px-4 py-5 bg-white sm:p-6">
  156.                       <div class="grid grid-cols-6 gap-6">
  157.                         <div class="col-span-6 sm:col-span-3">
  158.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Jaminan</label>
  159.                           <span class="text-gray-500">PG</span>
  160.                         </div>
  161.                        
  162.                         <div class="col-span-6 sm:col-span-3">
  163.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Nama Jaminan</label>
  164.                           <span class="text-gray-500">{{detail.namaJaminan}}</span>
  165.                         </div>
  166.                        
  167.                         <div class="col-span-6 sm:col-span-3">
  168.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Covernote</label>
  169.                           <span class="text-gray-500">{{detail.nomorCoverNote}}</span>
  170.                         </div>
  171.  
  172.                         <div class="col-span-6 sm:col-span-3">
  173.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Jml Jaminan</label>
  174.                           <span class="text-gray-500">{{detail.listOopJaminanPersonalGuaranteeJaminan.length}}</span>
  175.                         </div>
  176.  
  177.                         <div class="col-span-6 sm:col-span-3" *ngIf="!isDisabledInput">
  178.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Versi</label>
  179.                           <span class="text-gray-500">{{detail.versi}}</span>
  180.                         </div>
  181.                         <div class="col-span-6 sm:col-span-3" *ngIf="isDisabledInput">
  182.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Versi</label>
  183.                           <span class="text-gray-500">-</span>
  184.                         </div>
  185.  
  186.                         <div class="col-span-6 sm:col-span-3">
  187.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Status</label>
  188.                           <span class="text-gray-500" *ngIf="statusJaminan!=''">{{statusJaminan}}</span>
  189.                           <span class="text-gray-500" *ngIf="statusJaminan==''">-</span>
  190.                         </div>
  191.  
  192.                       </div>
  193.                     </div>
  194.  
  195.                     <!-- <div class="px-4 py-5 bg-white sm:p-6">
  196.                      <div class="grid grid-cols-6 gap-6">
  197.                        
  198.                        <div class="col-span-6 sm:col-span-3">
  199.                          <label class="block text-sm font-medium text-gray-700 font-semibold">Jangka Waktu</label>
  200.                              <input type="date" name="jangkaWaktuDari" [(ngModel)]="jaminan.jangkaWaktuDari" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  201.                              [disabled]="isDisabledInput">
  202.                        </div>
  203.  
  204.                        <div class="col-span-6 sm:col-span-3"></div>
  205.                        <div class="col-span-6 sm:col-span-3">
  206.                          <label class="block text-sm font-medium text-gray-700 font-semibold">SD</label>
  207.                                <input type="date" name="jangkaWaktuSampai" [(ngModel)]="jaminan.jangkaWaktuSampai" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  208.                                [disabled]="isDisabledInput">
  209.                        </div>
  210.                        
  211.                      </div>
  212.                    </div> -->
  213.                      
  214.                     <div class="px-4 py-5 bg-white sm:p-6" *ngFor="let jaminan of detail.listOopJaminanPersonalGuaranteeJaminan; let i = index;">
  215.                       <div class="grid grid-cols-6 gap-6 ">
  216.  
  217.                         <div class="col-span-6 sm:col-span-3">
  218.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Jangka Waktu</label>
  219.                          
  220.                           <input type="date" name="jangkaWaktuDari" [(ngModel)]="jaminan.jangkaWaktuDari" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  221.                          [disabled]="isDisabledInput">
  222.  
  223.                           <label class="block text-sm font-medium text-gray-700 font-semibold">SD</label>
  224.                           <input type="date" name="jangkaWaktuSampai" [(ngModel)]="jaminan.jangkaWaktuSampai" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  225.                          [disabled]="isDisabledInput">
  226.                         </div>
  227.  
  228.  
  229.                         <div class="col-span-12 flex justify-center">
  230.                          
  231.                           <div class="overflow-x-auto">
  232.                             <table>
  233.                                 <tr class="bg-gray-50 text-xs text-gray-800 border uppercase">
  234.                                   <th class="px-4 py-2 border">NO</th>
  235.                                   <th class="px-4 py-2 border">Status</th>
  236.                                   <th class="px-4 py-2 border">UPLOAD PERSONAL GUARANTEE</th>
  237.                                   <th class="px-4 py-2 border">Download / View</th>
  238.                                   <th class="px-4 py-2 border">NO PERSONAL GUARANTEE</th>
  239.                                 </tr>
  240.                                 <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="jaminan.listOopJaminanPersonalGuaranteeViewData.length === 0">
  241.                                   <tr>
  242.                                     <td class="px-4 py-2 border bg-white" colspan="4">  </td>
  243.                                   </tr>
  244.                                 </tbody>
  245.                                 <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="jaminan.listOopJaminanPersonalGuaranteeViewData.length > 0">
  246.                                   <tr class="text-center text-xs text-gray-500 uppercase border" *ngFor="let lstUpload of jaminan.listOopJaminanPersonalGuaranteeViewData; let j = index">
  247.                                     <td class="px-4 py-2 border">{{i+1}}</td>
  248.                                     <td class="px-4 py-2 border">
  249.                                       <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstUpload.idUploadPersonalGuarantee === '' ">Belum Terlampir</label>
  250.                                       <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstUpload.idUploadPersonalGuarantee !== '' ">Terlampir</label>
  251.                                     </td>
  252.                                     <td class="px-4 py-2 border">
  253.                                         <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  254.                                        [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  255.                                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  256.                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  257.                                           </svg>
  258.                                           <input id="idFile" (change)="uploadDokumen($event, i, j)" type="file" enctype="multipart/form-data" name="idUploadPersonalGuarantee" class="hidden"/>
  259.                                         </label>
  260.                                     </td>
  261.                                     <td>
  262.                                       <div class="flex sm:space-x-2 justify-center">
  263.                                         <button (click)="viewFile(lstUpload.idUploadPersonalGuarantee)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  264.                                        [disabled]="lstUpload.idUploadPersonalGuarantee === ''">
  265.                                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  266.                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  267.                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  268.                                           </svg>
  269.                                         </button>
  270.                  
  271.                                         <button (click)="downloadFile(lstUpload.idUploadPersonalGuarantee)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  272.                                        [disabled]="lstUpload.idUploadPersonalGuarantee === ''">
  273.                                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  274.                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  275.                                           </svg>
  276.                                         </button>
  277.                                       </div>
  278.                                     </td>
  279.                                     <td class="px-4 py-2 border">
  280.                                       <div *ngIf="lstUpload.nomorPersonalGuarantee !== ''">{{lstUpload.nomorPersonalGuarantee}}</div>
  281.                                       <div *ngIf="lstUpload.nomorPersonalGuarantee === ''">-</div>
  282.                                     </td>
  283.                                   </tr>
  284.                                 </tbody>
  285.                             </table>
  286.                         </div>
  287.                          
  288.                         </div>
  289.                         <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  290.                           <div class="w-screen">
  291.                             <div class="border-t border-gray-200"></div>
  292.                           </div>
  293.                         </div>
  294.                       </div>
  295.                     </div>
  296.        
  297.                     <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
  298.                       <button (click)="modalLogs()"  class="inline-flex mr-2 mb-3 sm:mb-0 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500 disabled:opacity-50 disabled:cursor-not-allowed"
  299.                      [disabled]="disabledSave">
  300.                         Logs
  301.                         <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  302.                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
  303.                         </svg>
  304.                       </button>
  305.        
  306.                       <button type="submit" class="inline-flex justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  307.                      (click)="btnSave()" [ngClass]="{'disabled:opacity-50 disabled:cursor-not-allowed': disabledSave}" *ngIf="!isDisabledInput">
  308.                         Simpan <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  309.                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
  310.                         </svg>
  311.                       </button>
  312.                     </div>
  313.                   </div>
  314.               </div>
  315.             </div>
  316.         </div>
  317.  
  318.         <div class="w-full p-4 px-5 py-5">
  319.             <div class="flex flex-row">
  320.                 <h2 class="text-3xl font-semibold">Personal</h2>
  321.                 <h2 class="text-3xl text-blue-400 font-semibold">Guarantee</h2>
  322.             </div>
  323.             <div class="flex flex-row pt-2 text-xs pt-6 pb-5"> <span class="font-bold">Information</span> <small class="text-gray-400 ml-1">></small> <span class="text-gray-400 ml-1">Shopping</span> <small class="text-gray-400 ml-1">></small> <span class="text-gray-400 ml-1">Payment</span> </div> <span>Customer Information</span>
  324.             <div class="relative pb-5"> <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="E-mail"> <span class="absolute text-blue-500 right-2 top-4 font-medium text-sm">Log out</span> </div> <span>Shipping Address</span>
  325.             <div class="grid md:grid-cols-2 md:gap-2">
  326.               <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="First name*">
  327.               <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Last name*"> </div>
  328.                <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Company (optional)">
  329.                <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Address*">
  330.                <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Apartment, suite, etc. (optional)">
  331.             <div class="grid md:grid-cols-3 md:gap-2"> <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Zipcode*"> <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="City*"> <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="State*"> </div> <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Country*"> <input type="text" name="mail" class="border rounded h-10 w-full focus:outline-none focus:border-green-200 px-2 mt-2 text-sm" placeholder="Phone Number*">
  332.             <div class="flex justify-between items-center pt-2"> <button type="button" class="h-12 w-24 text-blue-500 text-xs font-medium">Return to cart</button> <button type="button" class="h-12 w-48 rounded font-medium text-xs bg-blue-500 text-white">Continue to Shipping</button> </div>
  333.         </div>
  334.       </div>
  335.   </div>
RAW Paste Data