214 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			214 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			Plaintext
		
	
	
| @{
 | |
|     ViewData["Title"] = "Data Offtaker";
 | |
| }
 | |
| 
 | |
| <div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
 | |
|     <div class="prose">
 | |
|         <span class="text-xl font-semibold text-black">
 | |
|             Data Offtaker
 | |
|         </span>
 | |
|     </div>
 | |
| 
 | |
|     <div class="flex flex-col gap-2 md:flex-row">
 | |
|         <button onclick="modal_add_offtaker.showModal()" class="btn btn-sm bg-bank-sampah-primary-500 max-w-full rounded-full text-white">
 | |
|             <i class="ph ph-plus"></i>
 | |
|             Tambah Offtaker
 | |
|         </button>
 | |
|     </div>
 | |
| </div>
 | |
| 
 | |
| <!--Modal Add Offtaker-->
 | |
| <dialog id="modal_add_offtaker" class="modal">
 | |
|     <div class="modal-box">
 | |
|         <h3 class="text-lg font-bold">
 | |
|             Tambah Offtaker
 | |
|         </h3>
 | |
|         <form action="#" method="post">
 | |
|             <fieldset class="fieldset">
 | |
|                 <legend class="fieldset-legend">
 | |
|                     Nama Offtaker
 | |
|                     <span class="text-red-500">*</span>
 | |
|                 </legend>
 | |
|                 <input type="text" class="input w-full" placeholder="Nama Offtaker" />
 | |
|             </fieldset>
 | |
|             <fieldset class="fieldset">
 | |
|                 <legend class="fieldset-legend">
 | |
|                     Email
 | |
|                     <span class="text-red-500">*</span>
 | |
|                 </legend>
 | |
|                 <input type="email" class="input w-full" placeholder="Email" />
 | |
|             </fieldset>
 | |
|             <fieldset class="fieldset">
 | |
|                 <legend class="fieldset-legend">
 | |
|                     Nomor HP
 | |
|                     <span class="text-red-500">*</span>
 | |
|                 </legend>
 | |
|                 <input type="number" class="input w-full" placeholder="Nomor HP" />
 | |
|             </fieldset>
 | |
|             <div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         Provinsi
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <select class="select">
 | |
|                         <option disabled selected>Pilih Provinsi</option>
 | |
|                     </select>
 | |
|                 </fieldset>
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         Kabupaten Kota
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <select class="select">
 | |
|                         <option disabled selected>Pilih Kabupaten Kota</option>
 | |
|                     </select>
 | |
|                 </fieldset>
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         Kecamatan
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <select class="select">
 | |
|                         <option disabled selected>Pilih Kecamatan</option>
 | |
|                     </select>
 | |
|                 </fieldset>
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         Kelurahan
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <select class="select">
 | |
|                         <option disabled selected>Pilih Kelurahan</option>
 | |
|                     </select>
 | |
|                 </fieldset>
 | |
|             </div>
 | |
|             <fieldset class="fieldset">
 | |
|                 <legend class="fieldset-legend">
 | |
|                     Alamat
 | |
|                     <span class="text-red-500">*</span>
 | |
|                 </legend>
 | |
|                 <textarea class="textarea h-24 w-full" placeholder="Alamat"></textarea>
 | |
|             </fieldset>
 | |
|             <div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         RT
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <input type="number" min="1" class="input w-full" placeholder="RT" />
 | |
|                 </fieldset>
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         RW
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <input type="number" min="1" class="input w-full" placeholder="RW" />
 | |
|                 </fieldset>
 | |
|                 <fieldset class="fieldset">
 | |
|                     <legend class="fieldset-legend">
 | |
|                         Kode POS
 | |
|                         <span class="text-red-500">*</span>
 | |
|                     </legend>
 | |
|                     <input type="number" min="1" class="input w-full" placeholder="Kode POS" />
 | |
|                 </fieldset>
 | |
|             </div>
 | |
|             <div class="modal-action">
 | |
|                 <button class="btn w-30 rounded-full bg-white" onclick="modal_add_offtaker.close()">Batal</button>
 | |
|                 <button class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">Simpan</button>
 | |
|             </div>
 | |
|         </form>
 | |
|     </div>
 | |
| </dialog>
 | |
| <!--/modal add offtaker-->
 | |
| 
 | |
| <div class="h-6"></div>
 | |
| 
 | |
| <div class="card bg-white">
 | |
|     <div class="card-body p-2">
 | |
|         <partial name="~/Areas/Shared/Components/Table/_Control.cshtml" />
 | |
|         <div class="overflow-x-auto">
 | |
|             <table class="table-zebra table">
 | |
|                 <!-- head -->
 | |
|                 <thead>
 | |
|                     <tr>
 | |
|                         <th></th>
 | |
|                         <th>Nama Offtaker</th>
 | |
|                         <th>Kabupaten</th>
 | |
|                         <th>Kecamatan</th>
 | |
|                         <th>Status</th>
 | |
|                     </tr>
 | |
|                 </thead>
 | |
|                 <tbody>
 | |
|                     <tr>
 | |
|                         <th>1</th>
 | |
|                         <td>Andi Prabowo</td>
 | |
|                         <td>Kota Adm Jakarta Timur</td>
 | |
|                         <td>Cipayung</td>
 | |
|                         <td>
 | |
|                             <div class="badge badge-success badge-soft rounded-full">
 | |
|                                 Disetujui
 | |
|                             </div>
 | |
|                         </td>
 | |
|                     </tr>
 | |
|                     <tr>
 | |
|                         <th>2</th>
 | |
|                         <td>Siti Nurhaliza</td>
 | |
|                         <td>Kota Adm Jakarta Timur</td>
 | |
|                         <td>Matraman</td>
 | |
|                         <td>
 | |
|                             <div class="badge badge-success badge-soft rounded-full">
 | |
|                                 Disetujui
 | |
|                             </div>
 | |
|                         </td>
 | |
|                     </tr>
 | |
|                     <tr>
 | |
|                         <th>3</th>
 | |
|                         <td>Budi Santoso</td>
 | |
|                         <td>Kota Adm Jakarta Timur</td>
 | |
|                         <td>Kramat Jati</td>
 | |
|                         <td>
 | |
|                             <div class="badge badge-warning badge-soft rounded-full">
 | |
|                                 Belum Disetujui
 | |
|                             </div>
 | |
|                         </td>
 | |
|                     </tr>
 | |
|                     <tr>
 | |
|                         <th>4</th>
 | |
|                         <td>Nina Sari</td>
 | |
|                         <td>Kota Adm Jakarta Timur</td>
 | |
|                         <td>Pulogadung</td>
 | |
|                         <td>
 | |
|                             <div class="badge badge-warning badge-soft rounded-full">
 | |
|                                 Belum Disetujui
 | |
|                             </div>
 | |
|                         </td>
 | |
|                     </tr>
 | |
|                     <tr>
 | |
|                         <th>5</th>
 | |
|                         <td>Dewi Lestasi</td>
 | |
|                         <td>Kota Adm Jakarta Timur</td>
 | |
|                         <td>Cakung</td>
 | |
|                         <td>
 | |
|                             <div class="badge badge-error badge-soft rounded-full">
 | |
|                                 Tidak Disetujui
 | |
|                             </div>
 | |
|                         </td>
 | |
|                     </tr>
 | |
|                     <tr>
 | |
|                         <th>6</th>
 | |
|                         <td>Rudi Hartono</td>
 | |
|                         <td>Kota Adm Jakarta Timur</td>
 | |
|                         <td>Jatinegara</td>
 | |
|                         <td>
 | |
|                             <div class="badge badge-error badge-soft rounded-full">
 | |
|                                 Tidak Disetujui
 | |
|                             </div>
 | |
|                         </td>
 | |
|                     </tr>
 | |
|                 </tbody>
 | |
|             </table>
 | |
|         </div>
 | |
|         <partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
 | |
|     </div>
 | |
| </div> |