add feature Data Proses Penawaran

resources/views/assetsku/includenya.blade.php

@@ -1,7 +1,104 @@
 <script type="module" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 <script tipe="module">
 function removeErrorCssMsg() {
 	$(".inputku").removeClass("border-danger");
 	$("em").text('');
 }
+
+function tandaPemisahTitik(b){
+	var _minus = false;
+	if (b<0) _minus = true;
+	
+	b = b.toString();
+	b=b.replace(".","");
+	b=b.replace("-","");
+	c = "";
+	panjang = b.length;
+	j = 0;
+	
+	for (i = panjang; i > 0; i--){
+		j = j + 1;
+		if (((j % 3) == 1) && (j != 1)){
+			c = b.substr(i-1,1) + "." + c;
+		} else {
+			c = b.substr(i-1,1) + c;
+		}
+	}
+	
+	if (_minus) c = "-" + c ;
+		
+	return c;
+}
+
+function numbersonly(ini, e){
+	if (e.keyCode>=49){
+		
+		if(e.keyCode<=57){
+			a = ini.value.toString().replace(".","");
+			b = a.replace(/[^\d]/g,"");
+			b = (b=="0")?String.fromCharCode(e.keyCode):b + String.fromCharCode(e.keyCode);
+			ini.value = tandaPemisahTitik(b);
+
+			return false;
+		}
+		else if(e.keyCode<=105){
+			if(e.keyCode>=96){
+				//e.keycode = e.keycode - 47;
+				a = ini.value.toString().replace(".","");
+				b = a.replace(/[^\d]/g,"");
+				b = (b=="0")?String.fromCharCode(e.keyCode-48):b + String.fromCharCode(e.keyCode-48);
+				ini.value = tandaPemisahTitik(b);
+				//alert(e.keycode);
+				return false;
+			}else {
+				return false;
+			}
+		}
+		else {
+			return false; 
+		}
+	}else if (e.keyCode==48){
+		a = ini.value.replace(".","") + String.fromCharCode(e.keyCode);
+		b = a.replace(/[^\d]/g,"");
+
+		if (parseFloat(b)!=0){
+			ini.value = tandaPemisahTitik(b);
+			return false;
+		} else {
+			return false;
+		}
+
+	}else if (e.keyCode==95){
+		a = ini.value.replace(".","") + String.fromCharCode(e.keyCode-48);
+		b = a.replace(/[^\d]/g,"");
+
+		if (parseFloat(b)!=0){
+			ini.value = tandaPemisahTitik(b);
+			return false;
+		} else {
+			return false;
+		}
+	}else if (e.keyCode==8 || e.keycode==46){
+		a = ini.value.replace(".","");
+		b = a.replace(/[^\d]/g,"");
+		b = b.substr(0,b.length -1);
+		
+		if (tandaPemisahTitik(b)!=""){
+			ini.value = tandaPemisahTitik(b);
+		} else {
+			ini.value = "";
+		}
+
+		return false;
+	} else if (e.keyCode==9){
+		return true;
+	} else if (e.keyCode==17){
+		return true;
+	} else {
+		//alert (e.keyCode);
+		return false;
+	}
+
+}
 </script>    

resources/views/prosespenawaran/edit.blade.php

@@ -0,0 +1,82 @@
+@extends('layouts.main')
+
+@section('breadcrumbs')
+    {{ Breadcrumbs::render(request()->route()->getName()) }}
+@endsection
+@php
+    // $route = Route::currentRouteName();
+    // dd($route);
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+@section('content')
+<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
+   
+    
+        <input type="hidden" id="id" name="id" value="{{ $id }}">
+       
+                <div class="card pb-2.5">
+                    <div class="card-header" id="basic_settings">
+                        <h3 class="card-title">
+                            Tambah Data Proses Penawaran
+                        </h3>
+                        <div class="flex items-center gap-2">
+                            <a href="{{ route('tender.prosespenawaran.show', $id) }}" class="btn btn-xs btn-primary" title="Detail"><i class="ki-filled ki-abstract-26"></i> Detail</a>
+                            <a href="{{ route('tender.prosespenawaran.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
+                        </div>
+                    </div>
+                    <div class="card-body grid gap-5">
+                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                            <label class="form-label max-w-56">
+                                No. registrasi
+                            </label>
+                            <div class="flex flex-wrap items-baseline w-full">
+                                <label class="card-title" id="textReg">
+                                    No. registrasi
+                                </label>
+                            </div>
+                        </div>
+                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                            <label class="form-label max-w-56">
+                                Kode Penawaran
+                            </label>
+                            <div class="flex flex-wrap items-baseline w-full">
+                                <label class="card-title" id="textCodePenawaran">
+                                    Kode Penawaran
+                                </label>
+                            </div>
+                        </div>
+                        <!-- datatables -->
+                        <div class="grid">                            
+                            <div class="card min-w-full">
+                                <div class="card-header">
+                                    <h3 class="card-title">Data KJPP</h3>
+                                </div>
+                                <div class="card-table scrollable-x-auto">
+                                    <table class="table table-border align-middle text-gray-700 font-medium text-sm">
+                                        <thead>
+                                            <tr>
+                                                <th class="w-14 text-center">No</th>
+                                                <th class="min-w-[250px]">KJPP</th>
+                                                <th>Biaya Penawaran</th>
+                                                <th>Upload Penawaran</th>
+                                                <th class="min-w-[50px] text-center">Action</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody id="tbodyKJPP1">
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- datatables -->
+                        <div class="flex justify-end">
+                            <button type="button" class="btn btn-primary" id="{{$route[1]}}_toEdit">
+                                Save
+                            </button>
+                        </div>
+                    </div>
+                </div>
+</div>
+@endsection
+@include('lpj::prosespenawaran.js.editjs')

resources/views/prosespenawaran/index.blade.php

@@ -0,0 +1,153 @@
+@extends('layouts.main')
+
+@section('breadcrumbs')
+    {{ Breadcrumbs::render('tender.prosespenawaran') }}
+@endsection
+
+@section('content')
+    <div class="grid">
+        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="5" data-datatable-state-save="false" id="prosespenawaran-table" data-api-url="{{ route('tender.prosespenawaran.datatables') }}">
+            <div class="card-header py-5 flex-wrap">
+                <h3 class="card-title">
+                    Daftar Proses Penawaran
+                </h3>
+                <div class="flex flex-wrap gap-2 lg:gap-5">
+                    <div class="flex">
+                        <label class="input input-sm"> <i class="ki-filled ki-magnifier"> </i>
+                            <input placeholder="Search Proses penawaran" id="search" type="text" value="">
+                        </label>
+                    </div>
+                    <div class="flex flex-wrap gap-2.5">
+                        <div class="h-[24px] border border-r-gray-200"></div>
+                        <a class="btn btn-sm btn-light" href="#"> Export to Excel </a>
+                    </div>
+                </div>
+            </div>
+            <div class="card-body">
+                <div class="scrollable-x-auto">
+                    <table class="table table-auto table-border align-middle text-gray-700 font-medium text-sm" data-datatable-table="true">
+                        <thead>
+                        <tr>
+                            <th class="w-14">
+                                <input class="checkbox checkbox-sm" data-datatable-check="true" type="checkbox"/>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="nomor_registrasi">
+                                <span class="sort"> <span class="sort-label"> Nomor Registrasi </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="code">
+                                <span class="sort"> <span class="sort-label"> Kode Penawaran </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="start_date">
+                                <span class="sort"> <span class="sort-label"> Tanggal Penawaran </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="tujuan_penilaian_kjpp_id">
+                                <span class="sort"> <span class="sort-label"> Tujuan Penilaian </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="penawarandetails_count">
+                                <span class="sort"> <span class="sort-label"> Total KJPP </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="status">
+                                <span class="sort"> <span class="sort-label"> Status </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[50px] text-center" data-datatable-column="actions">Action</th>
+                        </tr>
+                        </thead>
+                    </table>
+                </div>
+                <div class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
+                    <div class="flex items-center gap-2">
+                        Show
+                        <select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per page
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <span data-datatable-info="true"> </span>
+                        <div class="pagination" data-datatable-pagination="true">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
+
+@push('scripts')
+    <script type="text/javascript">
+        function showPenawaranData(regId)
+        {   
+            var url = "{{ url('tender/prosespenawaran') }}/"+regId;    
+            $(location).attr('href',url);
+        }
+    </script>
+    <script type="module">
+        const element = document.querySelector('#prosespenawaran-table');
+        const searchInput = document.getElementById('search');
+
+        const apiUrl = element.getAttribute('data-api-url');
+        const dataTableOptions = {
+            apiEndpoint: apiUrl,
+            pageSize: 5,
+            columns: {
+                select: {
+                    render: (item, data, context) => {
+                        const checkbox = document.createElement('input');
+                        checkbox.className = 'checkbox checkbox-sm';
+                        checkbox.type = 'checkbox';
+                        checkbox.value = data.id.toString();
+                        checkbox.setAttribute('data-datatable-row-check', 'true');
+                        return checkbox.outerHTML.trim();
+                    },
+                },
+                'nomor_registrasi': {
+                    title: 'Nomor Registrasi',
+                },
+                code: {
+                    title: 'Kode Penawaran',
+                },
+                start_date: {
+                    title: 'Tanggal Penawaran',
+                },
+                tujuan_penilaian_kjpp_id: {
+                    title: 'Tujuan Penilaian',
+                },
+                penawarandetails_count: {
+                    title: 'Total KJPP',
+                    createdCell(cell) {
+                        cell.classList.add('text-center');
+                    },
+                },
+                status: {
+                    title: 'Status'
+                },
+                actions: {
+                    title: 'Status',
+                    render: (item, data) => {
+                        return `<div class="flex flex-nowrap justify-center">
+                            <a onclick="showPenawaranData(${data.id})" class="btn btn-sm btn-icon btn-clear btn-primary" title="Detail">
+                                <i class="ki-outline ki-abstract-26"></i>
+                            </a>
+                            <a class="btn btn-sm btn-icon btn-clear btn-info" title="Proses Penawaran" href="tender/prosespenawaran/${data.id}/edit">
+                                <i class="ki-outline ki-arrow-circle-right"></i>
+                            </a>
+                        </div>`;
+                    },
+                }
+            },
+        };
+
+        let dataTable = new KTDataTable(element, dataTableOptions);
+        // Custom search functionality
+        searchInput.addEventListener('input', function () {
+            const searchValue = this.value.trim();
+            dataTable.search(searchValue, true);
+
+        });
+ 
+
+    </script>
+@endpush

resources/views/prosespenawaran/js/editextjs.blade.php

@@ -0,0 +1,147 @@
+<script tipe="module">
+function switchProses(id)
+{
+	
+	let c = $('#{{$route[1]}}_check_'+id).val();
+	
+	if($('input[name="{{$route[1]}}_check_'+id+'"]').is(':checked'))
+	{
+		// checked
+		// alert('aktif nih');
+		setActiveElement(id);
+	}else
+	{
+		// unchecked
+		//alert('tdk aktif nih');
+		setNonActiveElement(id);
+	}
+}
+
+function setActiveElement(id)
+{
+	$('#{{$route[1]}}_biayaPenawaran_'+id).removeAttr('disabled');
+	$('#{{$route[1]}}_dokumenPersetujuan_'+id).removeAttr('disabled');
+	$('#{{$route[1]}}_icon_update_'+id).removeAttr('disabled');
+	$('#{{$route[1]}}_icon_delete_'+id).removeAttr('disabled');
+}
+
+function setNonActiveElement(id)
+{
+	$('#{{$route[1]}}_biayaPenawaran_'+id).attr('disabled', 'disabled');
+	$('#{{$route[1]}}_dokumenPersetujuan_'+id).attr('disabled', 'disabled');
+	$('#{{$route[1]}}_icon_update_'+id).attr('disabled', 'disabled');
+	$('#{{$route[1]}}_icon_delete_'+id).attr('disabled', 'disabled');
+}
+
+function updateData(id, kjpp_id, kjppName){
+	removeErrorCssMsg();
+	let biaya = $("#{{$route[1]}}_biayaPenawaran_"+id).val();                            
+	let filepdf = $("#{{$route[1]}}_dokumenPersetujuan_"+id).val();       
+	let passednih = true;                    
+	if(!biaya){
+		$("#{{$route[1]}}_biayaPenawaran_"+id).addClass(" border-danger");
+		$("#{{$route[1]}}_biayaPenawaran_msg_"+id).text("Silahkan isi Biaya Penawaran nya");
+		passednih = false;
+	}                      
+	if(!filepdf){
+		$("#{{$route[1]}}_dokumenPersetujuan_"+id).addClass(" border-danger");
+		$("#{{$route[1]}}_dokumenPersetujuan_msg_"+id).text("Silahkan isi dokumen nya");
+		$("#{{$route[1]}}_dokumenPersetujuan_"+id).val("");
+		passednih = false;
+	}            
+	
+	if(passednih)
+	{
+		var file_data = $("#{{$route[1]}}_dokumenPersetujuan_"+id).prop("files")[0];
+		let useURL = "{{ route($route[0].'.'.$route[1].'.update', '') }}/"+id;
+		let formData = new FormData();  
+		let token   = "{{ csrf_token() }}";alert(token);
+		formData.append("dokumen_persetujuan", file_data);
+		formData.append("biaya_penawaran", biaya);
+		formData.append("kjpp_rekanan_id", kjpp_id);
+		formData.append("_method", "PUT");
+		formData.append("_token", token);
+		$.ajax({
+			url: useURL,
+			type: "POST",         
+			data: formData,
+			processData: false,
+			contentType: false,
+			success:function(response){
+				if('success' == response.status)
+				{
+					toastr.success(response.message);
+					
+					setTimeout(function () {						
+					 	location.reload(true);
+					}, 2000);
+				}
+				else
+					toastr.error(_data.message);
+				
+			},
+			error: function (response, textStatus, errorThrown) {
+				var errors = response.responseJSON.errors;
+				$.each(errors, function (key, value) {
+					console.log("v = " + value);
+				});
+			}
+		});
+
+	}
+	
+}
+
+function deleteData(data) {
+	Swal.fire({
+		title: 'Are you sure?',
+		text: "You won't be able to revert this!",
+		icon: 'warning',
+		showCancelButton: true,
+		confirmButtonColor: '#3085d6',
+		cancelButtonColor: '#d33',
+		confirmButtonText: 'Yes, delete it!'
+	}).then((result) => {
+		if (result.isConfirmed) {
+			
+				//define variable
+			let token = "{{ csrf_token() }}";
+			let useURL = "{{ route($route[0].'.'.$route[1].'.updateStatusPenawaranKJPP','') }}/"+data;
+				
+			alert(useURL);   
+			var input_data = new Object();
+			input_data._token = token;
+			input_data.id =1;
+			$.ajax({
+				url: useURL,
+				type: "PUT",
+				cache: false,
+				data: input_data,
+				dataType: "json",
+				success: function(response) {
+					console.log(response);
+					if('success' == response.status)
+					{
+						swal.fire('Deleted!', response.message, 'success').then(() => {
+                            window.location.reload();
+                        });
+					}
+					else
+					{
+						Swal.fire('Error!', response.message, 'error');
+					}
+						
+					
+				},
+				error: function(response, textStatus, errorThrown) {
+					// var errors = response.responseJSON.errors;
+					// console.log(errors);
+					console.log(response);
+
+				}
+			});     
+		}
+	})
+}
+    
+</script>    

resources/views/prosespenawaran/js/editjs.blade.php

@@ -0,0 +1,136 @@
+@push('scripts')
+    @include('lpj::assetsku.includenya')
+    @include('lpj::prosespenawaran.js.editextjs')    
+    <script type="module">    
+    
+    $(document).ready(function() {
+        prepareForm();
+    });
+      
+    function prepareForm() 
+    {
+        setData();
+    }
+
+    function setData() 
+    { 
+        let id = $("#id").val();
+        let token =  "{{ csrf_token() }}";
+        // alert('token = ' + token);
+        var useURL = "{{ route('tender.prosespenawaran.setData') }}";
+        var input_data = new Object();
+        input_data._token = token;
+        input_data.id = id;
+
+        $.ajax({
+            url: useURL,
+            type: "POST",
+            data: input_data,
+            dataType: "json",
+            beforeSend: function() {
+                // if ($("#myLoader").hasClass("pre-loader hidden")) {
+                //     pleaseStartLoader();
+                // }
+            },
+            success: function(response) {
+                console.log(response);
+
+                $("#textReg").text(response.penawaran.nomor_registrasi);
+                $("#textCodePenawaran").text(response.penawaran.code);
+                setTablesKJPP1(response.penawrandetails);
+            },
+            error: function(xhr) {
+            },
+            complete: function() {
+            }
+        });
+    }
+
+    function setTablesKJPP1(datas)
+    {
+        let i=1;    
+        $.each(datas, function(key, value){
+            var kjppName = value.kjpp_code+' - '+value.kjpp_name;
+            var biaya_penawaran = value.biaya_penawaran;// alert(biaya_penawaran);
+            var htmlDokumenPersetujuanDownload='';
+            var dokumenPersetujuanDownload = value.dokumen_persetujuan;
+            if(dokumenPersetujuanDownload)
+            {
+                htmlDokumenPersetujuanDownload='<div class="flex items-center justify-between flex-wrap my-2.5 gap-2"><a href="'+value.dokumen_persetujuan+'" class="badge badge-sm badge-outline" download="'+value.attachment+'">'+value.attachment+'<i class="ki-filled ki-cloud-download"></i></a></div>';
+            }
+
+            var markup = '<tr>';
+            markup +='<td valign="top">'+i+'</td>';
+            markup +='<td valign="top"><label id="{{$route[1]}}_kjppName_'+value.id+'">'+kjppName+'</label></td>';
+            markup +='<td valign="top"><div class="input-group"><span class="btn btn-input">Rp.</span><input type="text" disabled="" style="text-align: right;" onkeydown="return numbersonly(this, event);" onkeyup="javascript:tandaPemisahTitik(this);" class="inputku input" id="{{$route[1]}}_biayaPenawaran_'+value.id+'" name="{{$route[1]}}_biayaPenawaran_'+value.id+'"></div><em id="{{$route[1]}}_biayaPenawaran_msg_'+value.id+'" class="alert text-danger text-sm"></em></td>';
+            markup +='<td><input type="file" disabled="" class="inputku file-input" id="{{$route[1]}}_dokumenPersetujuan_'+value.id+'" name="{{$route[1]}}_dokumenPersetujuan_'+value.id+'" accept="application/pdf" /><em id="{{$route[1]}}_dokumenPersetujuan_msg_'+value.id+'" class="alert text-danger text-sm"></em>'+htmlDokumenPersetujuanDownload+'</td>';
+            markup +='<td><div class="flex flex-nowrap justify-center">';
+                markup +='<a disabled="" class="btn btn-sm btn-icon btn-clear btn-info" href="javascript:void(0)" id="{{$route[1]}}_icon_update_'+value.id+'" title="Proses Penawaran '+kjppName+'" onclick="updateData('+value.id+','+value.kjpp_rekanan_id+',\''+kjppName+'\')"><i class="ki-outline ki-notepad-edit"></i></a>';
+                markup +='<a disabled="" class="delete btn btn-sm btn-icon btn-clear btn-danger" id="{{$route[1]}}_icon_delete_'+value.id+'" onclick="deleteData('+value.id+')" title="Hapus Proses Penawaran '+kjppName+'"><i class="ki-outline ki-trash"></i></a>';
+                markup +='<label class="switch"><input name="{{$route[1]}}_check_'+value.id+'" id="{{$route[1]}}_check_'+value.id+'" onclick="switchProses('+value.id+')" type="checkbox" value="0"/><span class="switch-label">Proses</span></label></div></td>';
+            markup += '</tr>';
+
+            $('#tbodyKJPP1').append(markup);
+            $("#{{$route[1]}}_biayaPenawaran_"+value.id).val(tandaPemisahTitik(biaya_penawaran));
+            i++;
+        });
+    }
+
+    $(document).on("input", "input:file", function(e) {
+        let fileName = e.target.files[0].name;
+        let inputFile = e.target.id;
+        const myArray = inputFile.split("_");
+        let penawaranID = myArray[myArray.length-1];
+        let kjppName = $("#{{$route[1]}}_kjppName_"+penawaranID).text();
+        let upld = fileName.split(".").pop();
+        if(upld == "pdf" || upld =="PDF"){}
+        else{
+            removeErrorCssMsg();
+            $("#{{$route[1]}}_dokumenPersetujuan_"+penawaranID).addClass(" border-danger");
+            $("#{{$route[1]}}_dokumenPersetujuan_msg_"+penawaranID).text("Silahkan Masukan tipe file PDF Mas");
+            $("#"+inputFile).val("");
+        }
+    });
+
+    // update penawaran & permohonan status
+    $("#{{$route[1]}}_toEdit").click(function(e) {
+        e.preventDefault();
+        
+        //define variable
+        let token = "{{ csrf_token() }}";
+        let useURL = "{{ route($route[0].'.'.$route[1].'.updateAll',$id) }}";
+        
+        var input_data = new Object();
+        input_data._token = token;
+        input_data.id = "{{ $id }}";
+        $.ajax({
+            url: useURL,
+            type: "PUT",
+            cache: false,
+            data: input_data,
+            dataType: "json",
+            success: function(response) {
+                console.log(response);
+                if('success' == response.status)
+				{
+					toastr.success(response.message);
+					setTimeout(function () {						
+                        var url = "{{ route('tender.prosespenawaran.index') }}";    
+                        $(location).attr('href',url);
+                        // window.location.href = "https://www.newurl.com";
+                    }, 2000);
+                }
+				else
+					toastr.error(_data.message);
+                
+            },
+            error: function(response, textStatus, errorThrown) {
+                // var errors = response.responseJSON.errors;
+                // console.log(errors);
+                console.log(response);
+
+            }
+        });  
+    });        
+    </script>
+@endpush  

resources/views/prosespenawaran/show.blade.php

@@ -0,0 +1,43 @@
+@extends('layouts.main')
+
+@section('breadcrumbs')
+    {{ Breadcrumbs::render(request()->route()->getName()) }}
+@endsection
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+@section('content')
+<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
+    <div class="card pb-2.5">
+        <div class="card-header" id="basic_settings">
+            <h3 class="card-title">
+                Detail Data Proses Penawaran
+            </h3>
+            <div class="flex items-center gap-2">
+                <a href="{{ route('tender.prosespenawaran.edit', $id) }}" class="btn btn-xs btn-primary" title="Register"><i class="ki-filled ki-arrow-circle-right"></i> Proses Penawaran</a>
+                <a href="{{ route('tender.prosespenawaran.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
+            </div>
+        </div>
+        <div class="card-body lg:py-7.5 grid grid-cols-3">
+            <div class="mb-5">
+                <h3 class="text-md font-medium text-gray-900">
+                    Nomor Register Permohonan:
+                </h3>
+                <span class="text-2sm text-gray-700">
+                    {{ $prosespenawaran->nomor_registrasi }}
+                </span>
+            </div>
+            <div class="mb-5">
+                <h3 class="text-md font-medium text-gray-900">
+                    Kode Penawaran:
+                </h3>
+                <span class="text-2sm text-gray-700">
+                    {{ $prosespenawaran->code }}
+                </span>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+@endsection