API tools faq
paste
Advertisement
coffeecode12

Personal Guaeantie

coffeecode12
Jun 19th, 2021
1,233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.78 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!