diff --git a/app/Http/Controllers/DokumenJaminanController.php b/app/Http/Controllers/DokumenJaminanController.php
index 51364d9..2e14fdf 100644
--- a/app/Http/Controllers/DokumenJaminanController.php
+++ b/app/Http/Controllers/DokumenJaminanController.php
@@ -327,18 +327,21 @@
             $jenisLegalitasJaminan = JenisLegalitasJaminan::all();
 
             $_jenisJaminan    = JenisJaminan::find($document->jenis_jaminan_id);
-            $legalitasJaminan = json_decode($_jenisJaminan->jenis_legalitas_jaminan_id, true);
+            $legalitas='';
+            if($_jenisJaminan) {
+                $legalitasJaminan = json_decode($_jenisJaminan->jenis_legalitas_jaminan_id, true);
 
-            $currentLegalitasJaminan = JenisLegalitasJaminan::whereIn(
-                'id',
-                $document->detail->pluck('jenis_legalitas_jaminan_id')->toArray(),
-            )->get();
+                $currentLegalitasJaminan = JenisLegalitasJaminan::whereIn(
+                    'id',
+                    $document->detail->pluck('jenis_legalitas_jaminan_id')->toArray(),
+                )->get();
 
 
-            // Remove values from $legalitasJaminan that are in $currentLegalitasJaminan
-            $legalitasJaminan = array_diff($legalitasJaminan, $currentLegalitasJaminan->pluck('code')->toArray());
+                // Remove values from $legalitasJaminan that are in $currentLegalitasJaminan
+                $legalitasJaminan = array_diff($legalitasJaminan, $currentLegalitasJaminan->pluck('code')->toArray());
 
-            $legalitas = JenisLegalitasJaminan::whereIn('code', $legalitasJaminan)->get();
+                $legalitas = JenisLegalitasJaminan::whereIn('code', $legalitasJaminan)->get();
+            }
 
             $pemilikJaminan  = PemilikJaminan::where('debiture_id', $document->debiture_id)->get();
             $hubunganPemilik = HubunganPemilikJaminan::all();
diff --git a/app/Http/Controllers/NocController.php b/app/Http/Controllers/NocController.php
new file mode 100644
index 0000000..b4dd9cc
--- /dev/null
+++ b/app/Http/Controllers/NocController.php
@@ -0,0 +1,201 @@
+<?php
+
+    namespace Modules\Lpj\Http\Controllers;
+
+    use App\Http\Controllers\Controller;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Modules\Lpj\Http\Requests\NocRequest;
+    use Modules\Lpj\Models\PenawaranTender;
+    use Modules\Lpj\Models\Permohonan;
+    use Modules\Lpj\Models\PersetujuanPenawaran;
+
+    class NocController extends Controller
+    {
+        public $user;
+
+        /**
+         * Display a listing of the resource.
+         */
+        public function index()
+        {
+            $persetujuanPenawarans = PersetujuanPenawaran::all();
+            return view('lpj::noc.index', compact('persetujuanPenawarans'));
+        }
+
+        /**
+         * Store a newly created resource in storage.
+         */
+        /**
+         * Store a newly created resource in storage.
+         */
+        /**
+         * Store a newly created resource in storage.
+         */
+        public function store(NocRequest $request)
+        {
+            $validated               = $request->validated();
+            $validated['updated_by'] = Auth::id();
+            if (request()->get('status_bayar') == "sudah_bayar") {
+                $validated['status'] = '1';
+                $status              = "spk";
+            } else {
+                $status = "persetujuan-penawaran";
+            }
+
+
+            $persetujuanPenawaran = PersetujuanPenawaran::updateOrCreate(
+                ['penawaran_id' => $validated['penawaran_id']],
+                $validated,
+            );
+
+            $folderPath = 'noc/' . $validated['penawaran_id'];
+
+            if ($request->hasFile('bukti_ksl')) {
+                $persetujuanPenawaran->bukti_ksl = $request->file('bukti_ksl')->store(
+                    $folderPath,
+                    'public',
+                );
+            }
+
+            $persetujuanPenawaran->save();
+
+            // Update the status of the related permohonan to 'spk'
+            $permohonan = Permohonan::find(request()->get('permohonan_id'));
+            if ($permohonan) {
+                $permohonan->status_bayar = request()->get('status_bayar');
+                $permohonan->status       = $status;
+                $permohonan->save();
+
+                // andy add, update status penawaran.status='spk'
+                // $penawaran = PenawaranTender::where('nomor_registrasi',$permohonan->nomor_registrasi)->first();
+                PenawaranTender::where('nomor_registrasi', $permohonan->nomor_registrasi)->update([
+                    'status'     => $status,
+                    'updated_by' => Auth::id(),
+                    'updated_at' => now(),
+                ]);
+                // andy add, update status penawaran.status='spk'
+            }
+
+            return redirect()
+                ->route('noc.index')->with('success', 'Penyelesaian KSL berhasil disimpan.');
+        }
+
+        /**
+         * Update the specified resource in storage.
+         */
+        public function update(NocRequest $request, PersetujuanPenawaran $persetujuanPenawaran)
+        {
+            $validated               = $request->validated();
+            $validated['updated_by'] = Auth::id();
+
+            $persetujuanPenawaran->update($validated);
+
+            return redirect()
+                ->route('noc.index')->with('success', 'Persetujuan Penawaran updated successfully');
+        }
+
+        /**
+         * Show the form for creating a new resource.
+         */
+        public function create()
+        {
+            return view('lpj::noc.create');
+        }
+
+        /**
+         * Display the specified resource.
+         */
+        public function show($id) {}
+
+        /**
+         * Show the form for editing the specified resource.
+         */
+        public function edit($id)
+        {
+            $persetujuanPenawaran = PersetujuanPenawaran::where('id', $id)->with(
+                ['penawaran.detail', 'penawaran.permohonan.debiture'],
+            )->first();
+            return view('lpj::noc.form', compact('persetujuanPenawaran'));
+        }
+
+        /**
+         * Remove the specified resource from storage.
+         */
+        public function destroy(PersetujuanPenawaran $persetujuanPenawaran)
+        {
+            $persetujuanPenawaran->delete();
+
+            return redirect()
+                ->route('noc.index')->with('success', 'Persetujuan Penawaran deleted successfully');
+        }
+
+        public function dataForDatatables(Request $request)
+        {
+            if (is_null($this->user) || !$this->user->can('noc.view')) {
+                //abort(403, 'Sorry! You are not allowed to view persetujuan penawaran.');
+            }
+
+            // Retrieve data from the database
+            $query = PersetujuanPenawaran::query();
+
+            // Apply search filter if provided
+            if ($request->has('search') && !empty($request->get('search'))) {
+                $search = $request->get('search');
+                $query->where(function ($q) use ($search) {
+                    $q->where('nomor_registrasi', 'LIKE', "%$search%");
+                });
+            }
+
+            // Apply sorting if provided
+            if ($request->has('sortOrder') && !empty($request->get('sortOrder'))) {
+                $order  = $request->get('sortOrder');
+                $column = $request->get('sortField');
+                $query->orderBy($column, $order);
+            }
+
+            // Get the total count of records
+            $totalRecords = $query->count();
+
+            // Apply pagination if provided
+            if ($request->has('page') && $request->has('size')) {
+                $page   = $request->get('page');
+                $size   = $request->get('size');
+                $offset = ($page - 1) * $size; // Calculate the offset
+
+                $query->skip($offset)->take($size);
+            }
+
+            // Get the filtered count of records
+            $filteredRecords = $query->count();
+
+            // Get the data for the current page
+            $data = $query
+                ->with(
+                    [
+                        'penawaran.permohonan.debiture',
+                        'penawaran.permohonan.branch',
+                        'penawaran.detail',
+                        'penawaran.persetujuan',
+                    ],
+                )->get();
+
+
+            // Calculate the page count
+            $pageCount = ceil($totalRecords / $request->get('size'));
+
+            // Calculate the current page number
+            $currentPage = $request->get('page', 1);
+
+            // Return the response data as a JSON object
+            return response()->json([
+                'draw'            => $request->get('draw'),
+                'recordsTotal'    => $totalRecords,
+                'recordsFiltered' => $filteredRecords,
+                'pageCount'       => $pageCount,
+                'page'            => $currentPage,
+                'totalCount'      => $totalRecords,
+                'data'            => $data,
+            ]);
+        }
+    }
diff --git a/app/Http/Controllers/PermohonanController.php b/app/Http/Controllers/PermohonanController.php
index 20a379b..0d6ebb0 100644
--- a/app/Http/Controllers/PermohonanController.php
+++ b/app/Http/Controllers/PermohonanController.php
@@ -179,7 +179,7 @@
 
             // Retrieve data from the database
             $query = Permohonan::query();
-
+            $query = $query->orderBy('nomor_registrasi', 'desc');
             // Apply search filter if provided
             if ($request->has('search') && !empty($request->get('search'))) {
                 $search = $request->get('search');
diff --git a/app/Http/Controllers/PersetujuanPenawaranController.php b/app/Http/Controllers/PersetujuanPenawaranController.php
index be5896f..6172030 100644
--- a/app/Http/Controllers/PersetujuanPenawaranController.php
+++ b/app/Http/Controllers/PersetujuanPenawaranController.php
@@ -6,10 +6,10 @@
     use Illuminate\Http\Request;
     use Illuminate\Support\Facades\Auth;
     use Modules\Lpj\Http\Requests\PersetujuanPenawaranRequest;
-use Modules\Lpj\Models\PenawaranDetailTender;
-use Modules\Lpj\Models\PenawaranDetailTenderLog;
-use Modules\Lpj\Models\PenawaranTender;
-use Modules\Lpj\Models\Permohonan;
+    use Modules\Lpj\Models\PenawaranDetailTender;
+    use Modules\Lpj\Models\PenawaranDetailTenderLog;
+    use Modules\Lpj\Models\PenawaranTender;
+    use Modules\Lpj\Models\Permohonan;
     use Modules\Lpj\Models\PersetujuanPenawaran;
 
     class PersetujuanPenawaranController extends Controller
@@ -38,6 +38,7 @@ use Modules\Lpj\Models\Permohonan;
         {
             $validated               = $request->validated();
             $validated['created_by'] = Auth::id();
+            $validated['status']     = '0';
 
             $persetujuanPenawaran = PersetujuanPenawaran::updateOrCreate(
                 ['penawaran_id' => $validated['penawaran_id']],
@@ -70,16 +71,16 @@ use Modules\Lpj\Models\Permohonan;
             $permohonan = Permohonan::find(request()->get('permohonan_id'));
             if ($permohonan) {
                 $permohonan->status_bayar = request()->get('status_bayar');
-                $permohonan->status       = 'spk';
+                $permohonan->status       = 'noc';
                 $permohonan->save();
 
                 // andy add, update status penawaran.status='spk'
                 // $penawaran = PenawaranTender::where('nomor_registrasi',$permohonan->nomor_registrasi)->first();
-                PenawaranTender::where('nomor_registrasi',$permohonan->nomor_registrasi)
-											->update(['status'=>'spk',
-											'updated_by' => Auth::id(),
-											'updated_at' => now()
-										]);
+                PenawaranTender::where('nomor_registrasi', $permohonan->nomor_registrasi)->update([
+                    'status'     => 'noc',
+                    'updated_by' => Auth::id(),
+                    'updated_at' => now(),
+                ]);
                 // andy add, update status penawaran.status='spk'
 
             }
@@ -88,6 +89,20 @@ use Modules\Lpj\Models\Permohonan;
                 ->route('persetujuan-penawaran.index')->with('success', 'Persetujuan Penawaran berhasil disimpan.');
         }
 
+        /**
+         * Update the specified resource in storage.
+         */
+        public function update(PersetujuanPenawaranRequest $request, PersetujuanPenawaran $persetujuanPenawaran)
+        {
+            $validated               = $request->validated();
+            $validated['updated_by'] = Auth::id();
+
+            $persetujuanPenawaran->update($validated);
+
+            return redirect()
+                ->route('persetujuan-penawaran.index')->with('success', 'Persetujuan Penawaran updated successfully');
+        }
+
         /**
          * Show the form for creating a new resource.
          */
@@ -101,8 +116,8 @@ use Modules\Lpj\Models\Permohonan;
          */
         public function show($id)
         {
-            $permohonan = Permohonan::find($id);
-            $permohonan->status='tender';
+            $permohonan             = Permohonan::find($id);
+            $permohonan->status     = 'tender';
             $dataDetailPenawaranLog = [];
 
             // andy add update status penawaran
@@ -110,50 +125,45 @@ use Modules\Lpj\Models\Permohonan;
             // update penawaran => penawaran.status ="tender", penawaran.updated_at, penawaran.updated_by
             // update permohonan => permohonan.status ="tender", permohonan.updated_at, permohonan.updated_by
             // insert detail_permohonan_log
-            $penawaran = PenawaranTender::where('nomor_registrasi',$permohonan->nomor_registrasi)->first();
+            $penawaran = PenawaranTender::where('nomor_registrasi', $permohonan->nomor_registrasi)->first();
             // dd($penawaran->id);
-            PenawaranDetailTender::where('penawaran_id', $penawaran->id)
-										->update(['status' => 1,
-												'updated_by' => Auth::id(),
-												'updated_at' => now()
-										]);
-					
-            PenawaranTender::where('id', $penawaran->id)
-                                ->update(['status'=>'tender',
-                                        'updated_by' => Auth::id(),
-                                        'updated_at' => now()
-                                ]);
-            
-            $detailPenawaran = PenawaranDetailTender::where('penawaran_id', $penawaran->id)
-                                ->distinct()
-                                ->get();
-            
-            // log
-            if(sizeof($detailPenawaran)>0)
-            {
+            PenawaranDetailTender::where('penawaran_id', $penawaran->id)->update([
+                'status'     => 1,
+                'updated_by' => Auth::id(),
+                'updated_at' => now(),
+            ]);
 
+            PenawaranTender::where('id', $penawaran->id)->update([
+                'status'     => 'tender',
+                'updated_by' => Auth::id(),
+                'updated_at' => now(),
+            ]);
+
+            $detailPenawaran = PenawaranDetailTender::where('penawaran_id', $penawaran->id)->distinct()->get();
+
+            // log
+            if (sizeof($detailPenawaran) > 0) {
                 foreach ($detailPenawaran as $model) {
                     array_push($dataDetailPenawaranLog, [
-                        'detail_penawaran_id' =>$model->id,
-                        'kjpp_rekanan_id'     =>$model->kjpp_rekanan_id,
-                        'penawaran_id'        =>$model->penawaran_id,
-                        'no_proposal'         =>$model->no_proposal,
-                        'tgl_proposal'        =>$model->tgl_proposal,
-                        'biaya_penawaran'     =>$model->biaya_penawaran,
-                        'attachment'          =>$model->attachment,
-                        'dokumen_persetujuan' =>$model->dokumen_persetujuan,
-                        'status'              =>$model->status,
-                        'authorized_status'   =>$model->authorized_status,
-                        'authorized_at'       =>$model->authorized_at,
-                        'authorized_at'       =>$model->authorized_at,
-                        'created_at'          =>$model->created_at,
-                        'updated_at'          =>$model->updated_at,
-                        'deleted_at'          =>$model->deleted_at,
-                        'created_by'          =>$model->created_by,
-                        'updated_by'          =>$model->updated_by,
-                        'deleted_by'          =>$model->deleted_by
+                        'detail_penawaran_id' => $model->id,
+                        'kjpp_rekanan_id'     => $model->kjpp_rekanan_id,
+                        'penawaran_id'        => $model->penawaran_id,
+                        'no_proposal'         => $model->no_proposal,
+                        'tgl_proposal'        => $model->tgl_proposal,
+                        'biaya_penawaran'     => $model->biaya_penawaran,
+                        'attachment'          => $model->attachment,
+                        'dokumen_persetujuan' => $model->dokumen_persetujuan,
+                        'status'              => $model->status,
+                        'authorized_status'   => $model->authorized_status,
+                        'authorized_at'       => $model->authorized_at,
+                        'authorized_at'       => $model->authorized_at,
+                        'created_at'          => $model->created_at,
+                        'updated_at'          => $model->updated_at,
+                        'deleted_at'          => $model->deleted_at,
+                        'created_by'          => $model->created_by,
+                        'updated_by'          => $model->updated_by,
+                        'deleted_by'          => $model->deleted_by,
                     ]);
-
                 }
 
                 PenawaranDetailTenderLog::insert($dataDetailPenawaranLog);
@@ -174,20 +184,6 @@ use Modules\Lpj\Models\Permohonan;
             return view('lpj::persetujuan_penawaran.form', compact('permohonan'));
         }
 
-        /**
-         * Update the specified resource in storage.
-         */
-        public function update(PersetujuanPenawaranRequest $request, PersetujuanPenawaran $persetujuanPenawaran)
-        {
-            $validated               = $request->validated();
-            $validated['updated_by'] = Auth::id();
-
-            $persetujuanPenawaran->update($validated);
-
-            return redirect()
-                ->route('persetujuan-penawaran.index')->with('success', 'Persetujuan Penawaran updated successfully');
-        }
-
         /**
          * Remove the specified resource from storage.
          */
diff --git a/app/Http/Controllers/RegistrasiFinalController.php b/app/Http/Controllers/RegistrasiFinalController.php
index 305310f..435496b 100644
--- a/app/Http/Controllers/RegistrasiFinalController.php
+++ b/app/Http/Controllers/RegistrasiFinalController.php
@@ -88,7 +88,7 @@
 
             // Get the data for the current page
             //$data = $query->with(['user', 'debiture', 'branch', 'tujuanPenilaian'])->get();
-            $data = $query->with(['permohonan'])->get();
+            $data = $query->with(['permohonan.debiture'])->get();
             // dd($data);
             $i = 0;
             foreach ($data as $obj) {
diff --git a/app/Http/Controllers/SpkController.php b/app/Http/Controllers/SpkController.php
index 9074567..d0bc5f6 100644
--- a/app/Http/Controllers/SpkController.php
+++ b/app/Http/Controllers/SpkController.php
@@ -207,8 +207,8 @@ use Illuminate\Support\Facades\Auth;
             $persetujuan_sla_final = '...';
             if(null !==$penawaran->persetujuan)
             {
-                $sla_resume_text = $penawaran->persetujuan->sla_resume;
-                $sla_final_text = $penawaran->persetujuan->sla_final;
+                $sla_resume_text = ceil($data->sla/2);
+                $sla_final_text = $data->sla;
 
                 $sla_resume_text_terbilang = ucfirst(terbilang($sla_resume_text));
                 $sla_final_text_terbilang = ucfirst(terbilang($sla_final_text));
@@ -324,8 +324,11 @@ use Illuminate\Support\Facades\Auth;
             $persetujuan_sla_final = '...';
             if(null !==$penawaran->persetujuan)
             {
-                $sla_resume_text = $penawaran->persetujuan->sla_resume;
-                $sla_final_text = $penawaran->persetujuan->sla_final;
+                //$sla_resume_text = $penawaran->persetujuan->sla_resume;
+                //$sla_final_text = $penawaran->persetujuan->sla_final;
+
+                $sla_resume_text = ceil($data->sla/2);
+                $sla_final_text = $data->sla;
 
                 $sla_resume_text_terbilang = ucfirst(terbilang($sla_resume_text));
                 $sla_final_text_terbilang = ucfirst(terbilang($sla_final_text));
diff --git a/app/Http/Requests/NocRequest.php b/app/Http/Requests/NocRequest.php
new file mode 100644
index 0000000..0cb7e66
--- /dev/null
+++ b/app/Http/Requests/NocRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+    namespace Modules\Lpj\Http\Requests;
+
+    use Illuminate\Foundation\Http\FormRequest;
+
+    class NocRequest extends FormRequest
+    {
+        public function authorize()
+        {
+            return true;
+        }
+
+        public function rules()
+        {
+            return [
+                'penawaran_id'  => 'nullable|exists:penawaran,id',
+                'nominal_bayar' => 'nullable|numeric|min:0',
+                'bukti_ksl'     => 'nullable|file|mimes:pdf,jpg,jpeg,png|max:10240',
+                'status'        => 'nullable|boolean',
+            ];
+        }
+    }
diff --git a/app/Http/Requests/PersetujuanPenawaranRequest.php b/app/Http/Requests/PersetujuanPenawaranRequest.php
index 5f85f6e..cc8a03d 100644
--- a/app/Http/Requests/PersetujuanPenawaranRequest.php
+++ b/app/Http/Requests/PersetujuanPenawaranRequest.php
@@ -23,6 +23,7 @@
                 'file_persetujuan_penawaran' => 'nullable|file|mimes:pdf,doc,docx|max:10240',
                 'surat_representasi'         => 'nullable|file|mimes:pdf,doc,docx|max:10240',
                 'bukti_bayar'                => 'nullable|file|mimes:pdf,jpg,jpeg,png|max:10240',
+                'nominal_bayar'              => 'nullable|numeric|min:0',
                 'status'                     => 'nullable|boolean',
                 'authorized_status'          => 'boolean',
                 'authorized_at'              => 'nullable|date',
diff --git a/app/Models/PersetujuanPenawaran.php b/app/Models/PersetujuanPenawaran.php
index 6a58bc2..ebaf8af 100644
--- a/app/Models/PersetujuanPenawaran.php
+++ b/app/Models/PersetujuanPenawaran.php
@@ -19,6 +19,7 @@
             'file_persetujuan_penawaran',
             'surat_representasi',
             'bukti_bayar',
+            'nominal_bayar',
             'status',
             'authorized_status',
             'authorized_at',
diff --git a/database/migrations/2024_12_19_040336_update_persetujuan_penawaran_table.php b/database/migrations/2024_12_19_040336_update_persetujuan_penawaran_table.php
new file mode 100644
index 0000000..1c7fd29
--- /dev/null
+++ b/database/migrations/2024_12_19_040336_update_persetujuan_penawaran_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('persetujuan_penawaran', function (Blueprint $table) {
+            $table->double('nominal_bayar')->nullable()->after('bukti_bayar');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('persetujuan_penawaran', function (Blueprint $table) {
+            $table->dropColumn('nominal_bayar');
+        });
+    }
+};
diff --git a/database/migrations/2024_12_19_043209_update_persetujuan_penawaran_table.php b/database/migrations/2024_12_19_043209_update_persetujuan_penawaran_table.php
new file mode 100644
index 0000000..a11d8df
--- /dev/null
+++ b/database/migrations/2024_12_19_043209_update_persetujuan_penawaran_table.php
@@ -0,0 +1,31 @@
+<?php
+
+    use Illuminate\Database\Migrations\Migration;
+    use Illuminate\Database\Schema\Blueprint;
+    use Illuminate\Support\Facades\Schema;
+
+    return new class extends Migration {
+        /**
+         * Run the migrations.
+         */
+        public function up()
+        : void
+        {
+            Schema::table('persetujuan_penawaran', function (Blueprint $table) {
+                $table->string('bukti_ksl')->nullable()->after('nominal_bayar');
+                $table->string('catatan_noc')->nullable()->after('bukti_ksl');
+            });
+        }
+
+        /**
+         * Reverse the migrations.
+         */
+        public function down()
+        : void
+        {
+            Schema::table('persetujuan_penawaran', function (Blueprint $table) {
+                $table->dropColumn('bukti_ksl');
+                $table->dropColumn('catatan_noc');
+            });
+        }
+    };
diff --git a/module.json b/module.json
index fd7fbed..762ae31 100644
--- a/module.json
+++ b/module.json
@@ -38,6 +38,18 @@
                     "pemohon-ao"
                 ]
             },
+            {
+                "title": "NOC",
+                "path": "noc",
+                "icon": "ki-filled ki-questionnaire-tablet text-lg",
+                "classes": "",
+                "attributes": [],
+                "permission": "",
+                "roles": [
+                    "administrator",
+                    "noc"
+                ]
+            },
             {
                 "title": "Registrasi",
                 "path": "registrasi",
diff --git a/resources/views/component/detail-jaminan.blade.php b/resources/views/component/detail-jaminan.blade.php
index 4d5266e..f38772e 100644
--- a/resources/views/component/detail-jaminan.blade.php
+++ b/resources/views/component/detail-jaminan.blade.php
@@ -167,10 +167,14 @@
     </div>
     <div data-accordion="true">
         @foreach($permohonan->debiture->documents as $dokumen)
-            <div class="accordion-item [&:not(:last-child)]:border-b border-b-gray-200" data-accordion-item="true" id="accordion_detail_jaminan">
+            <div class="accordion-item {{ count($permohonan->debiture->documents) == 1 ? 'active' : '' }} [&:not(:last-child)]:border-b border-b-gray-200" data-accordion-item="true" id="accordion_detail_jaminan">
                 <button class="accordion-toggle py-4 group mx-8" data-accordion-toggle="#accordion_detail_jaminan_{{ $loop->index  }}">
                     <span class="text-base text-gray-900 font-medium">
-                        Jaminan {{ $loop->index + 1 }}
+                        @if(count($permohonan->debiture->documents) > 1)
+                            Jaminan {{ $loop->index + 1 }}
+                        @else
+                            Jaminan
+                        @endif
                     </span>
                     <i class="ki-outline ki-plus text-gray-600 text-2sm accordion-active:hidden block">
                     </i>
@@ -178,7 +182,7 @@
                     </i>
                 </button>
 
-                <div class="accordion-content hidden" id="accordion_detail_jaminan_{{ $loop->index  }}">
+                <div class="accordion-content {{ count($permohonan->debiture->documents) > 1 ? 'hidden' : '' }}" id="accordion_detail_jaminan_{{ $loop->index  }}">
 
                     <div class="card-body lg:py-7.5 grid grid-cols-2">
                         <div class="mb-5">
diff --git a/resources/views/debitur/components/dokumen.blade.php b/resources/views/debitur/components/dokumen.blade.php
index 0cae77e..8b3baea 100644
--- a/resources/views/debitur/components/dokumen.blade.php
+++ b/resources/views/debitur/components/dokumen.blade.php
@@ -132,178 +132,6 @@
             @enderror
         </div>
     </div>
-    <div id="doctainer" class="grid gap-5">
-        @if(isset($document->id))
-            @php $n = 0; @endphp
-            @foreach($document->detail as $detail)
-                <input type="hidden" name="detail_dokumen_jaminan_id[]" value="{{ $detail->id }}">
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56 font-bold">
-                        {{ $n + 1 }}. {{ $detail->jenisLegalitasJaminan->name }}
-                    </label>
-                    <input type="hidden" name="jenis_legalitas_jaminan_id[]" value=" {{ $detail->jenis_legalitas_jaminan_id }}">
-                </div>
-
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56">
-                        Nomor
-                    </label>
-                    <div class="flex flex-wrap items-baseline w-full">
-                        <input class="input " type="text" id="name" name="name[]" value="{{ $detail->name ?? "" }}" placeholder="Nomor">
-                    </div>
-                </div>
-
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56">
-                        Dokumen Jaminan
-                    </label>
-                    <div class="flex flex-wrap items-baseline w-full">
-                        <div class="flex flex-col w-full gap-2" id="file-container-{{$n}}">
-                            <div class="flex items-center gap-2">
-                                <input class="flex-1 input" type="text" name="dokumen_nomor[{{ $n }}][]" placeholder="Nomor Dokumen">
-                                <input class="flex-1 file-input" type="file" name="dokumen_jaminan[{{ $n }}][]" accept=".pdf,image/*">
-                                <button type="button" class="flex-none btn btn-primary w-[100px] text-center" onclick="addFileInput({{ $n }})">Add More</button>
-                            </div>
-                            <div id="additional-files-{{ $n }}"></div>
-                        </div>
-
-                        @if(isset($detail->dokumen_jaminan))
-                            @if(isset($detail->dokumen_jaminan))
-                                @php
-                                    $dokumen_jaminan = is_array(json_decode($detail->dokumen_jaminan)) ? json_decode($detail->dokumen_jaminan) : [$detail->dokumen_jaminan];
-                                    $dokumen_nomor = is_array(json_decode($detail->dokumen_nomor)) ? json_decode($detail->dokumen_nomor) : ($detail->dokumen_nomor ? [$detail->dokumen_nomor] : []);
-                                @endphp
-                                <div class="flex flex-col w-full gap-2">
-                                    @foreach($dokumen_jaminan as $index => $dokumen)
-                                        <div class="flex w-full lg:w-[30%]">
-                                            @if(!empty($dokumen_nomor))
-                                                <span class="flex-1 mt-2 text-info text-sm">Nomor Dokumen : {{ $dokumen_nomor[$index] }}</span>
-                                            @endif
-                                            <a href="{{ route('debitur.jaminan.download', ['id' => $debitur->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
-                                               class="flex-none badge badge-sm badge-outline mt-2 mr-2">
-                                                {{ basename($dokumen) }}
-                                                <i class="ki-filled ki-cloud-download"></i>
-                                            </a>
-                                        </div>
-                                    @endforeach
-                                </div>
-                            @endif
-                        @endif
-                    </div>
-                </div>
-
-                @if($detail->details)
-                    @if($detail->jenisLegalitasJaminan->custom_field)
-                        @php $custom_field = json_decode($detail->details,true) @endphp
-                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                            <label class="form-label max-w-56 capitalize">
-                                {{ str_replace('_',' ',$detail->jenisLegalitasJaminan->custom_field) }}
-                            </label>
-                            <div class="flex flex-wrap items-baseline w-full">
-                                <input class="input" type="text" name="custom_field[][$detail->jenisLegalitasJaminan->custom_field]" value="{{ $custom_field[$detail->jenisLegalitasJaminan->custom_field] }}">
-                            </div>
-                        </div>
-                    @endif
-
-                @else
-                    @if($detail->jenisLegalitasJaminan->custom_field)
-                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                            <label class="form-label max-w-56 capitalize">
-                                {{ str_replace('_',' ',$detail->jenisLegalitasJaminan->custom_field) }}
-                            </label>
-                            <div class="flex flex-wrap items-baseline w-full">
-                                @if($detail->jenisLegalitasJaminan->custom_field_type === "text")
-                                    <input class="input" type="text" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
-                                @elseif($detail->jenisLegalitasJaminan->custom_field_type === "number")
-                                    <input class="input" type="number" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
-                                @elseif($detail->jenisLegalitasJaminan->custom_field_type === "date")
-                                    <input class="input" type="date" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
-                                @elseif($detail->jenisLegalitasJaminan->custom_field_type === "textarea")
-                                    <textarea class="textarea" rows="3" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2"></textarea>
-                                @else
-                                    <input class="input" type="text" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
-                                @endif
-                            </div>
-                        </div>
-                    @endif
-                @endif
-
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56">
-                        Keterangan
-                    </label>
-                    <div class="flex flex-wrap items-baseline w-full">
-                        <textarea class="textarea" rows="3" type="number" name="keterangan[]">{{ $detail->keterangan ?? ""  }}</textarea>
-                    </div>
-                </div>
-                @php $n++; @endphp
-            @endforeach
-            @foreach($legalitas as $item)
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56 font-bold">
-                        {{ $n + 1 }}. {{ $item->name }}
-                    </label>
-                    <input type="hidden" name="jenis_legalitas_jaminan_id[]" value=" {{ $item->id }}">
-                </div>
-
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56">
-                        Nomor
-                    </label>
-                    <div class="flex flex-wrap items-baseline w-full">
-                        <input class="input " type="text" id="name" name="name[]" value="" placeholder="Nomor">
-                    </div>
-                </div>
-
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56">
-                        Dokumen Jaminan
-                    </label>
-                    <div class="flex flex-wrap items-baseline w-full">
-                        <div class="flex flex-col w-full gap-2" id="file-container-{{$n}}">
-                            <div class="flex items-center gap-2">
-                                <input class="flex-1 input" type="text" name="dokumen_nomor[{{ $n }}][]" placeholder="Nomor Dokumen">
-                                <input class="flex-1 file-input" type="file" name="dokumen_jaminan[{{ $n }}][]" accept=".pdf,image/*">
-                                <button type="button" class="flex-none btn btn-primary w-[100px] text-center" onclick="addFileInput({{ $n }})">Add More</button>
-                            </div>
-                            <div id="additional-files-{{ $n }}"></div>
-                        </div>
-                    </div>
-                </div>
-
-                @if($item->custom_field)
-                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                        <label class="form-label max-w-56 capitalize">
-                            {{ str_replace('_',' ',$item->custom_field) }}
-                        </label>
-                        <div class="flex flex-wrap items-baseline w-full">
-                            @if($item->custom_field_type === "text")
-                                <input class="input" type="text" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
-                            @elseif($item->custom_field_type === "number")
-                                <input class="input" type="number" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
-                            @elseif($item->custom_field_type === "date")
-                                <input class="input" type="date" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
-                            @elseif($item->custom_field_type === "textarea")
-                                <textarea class="textarea" rows="3" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2"></textarea>
-                            @else
-                                <input class="input" type="text" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
-                            @endif
-                        </div>
-                    </div>
-                @endif
-
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label class="form-label max-w-56">
-                        Keterangan
-                    </label>
-                    <div class="flex flex-wrap items-baseline w-full">
-                        <textarea class="textarea" rows="3" type="number" name="keterangan[]"></textarea>
-                    </div>
-                </div>
-                @php $n++; @endphp
-            @endforeach
-        @endif
-    </div>
 
     <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
         <label class="form-label max-w-56">
@@ -414,6 +242,181 @@
             </div>
         </div>
     </div>
+
+    <div id="doctainer" class="grid gap-5">
+        @if(isset($document->id))
+            @php $n = 0; @endphp
+            @foreach($document->detail as $detail)
+                <input type="hidden" name="detail_dokumen_jaminan_id[]" value="{{ $detail->id }}">
+                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label class="form-label max-w-56 font-bold">
+                        {{ $n + 1 }}. {{ $detail->jenisLegalitasJaminan->name }}
+                    </label>
+                    <input type="hidden" name="jenis_legalitas_jaminan_id[]" value=" {{ $detail->jenis_legalitas_jaminan_id }}">
+                </div>
+
+                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label class="form-label max-w-56">
+                        Nomor
+                    </label>
+                    <div class="flex flex-wrap items-baseline w-full">
+                        <input class="input " type="text" id="name" name="name[]" value="{{ $detail->name ?? "" }}" placeholder="Nomor">
+                    </div>
+                </div>
+
+                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label class="form-label max-w-56">
+                        Dokumen Jaminan
+                    </label>
+                    <div class="flex flex-wrap items-baseline w-full">
+                        <div class="flex flex-col w-full gap-2" id="file-container-{{$n}}">
+                            <div class="flex items-center gap-2">
+                                <input class="flex-1 input" type="text" name="dokumen_nomor[{{ $n }}][]" placeholder="Nomor Dokumen">
+                                <input class="flex-1 file-input" type="file" name="dokumen_jaminan[{{ $n }}][]" accept=".pdf,image/*">
+                                <button type="button" class="flex-none btn btn-primary w-[100px] text-center" onclick="addFileInput({{ $n }})">Add More</button>
+                            </div>
+                            <div id="additional-files-{{ $n }}"></div>
+                        </div>
+
+                        @if(isset($detail->dokumen_jaminan))
+                            @if(isset($detail->dokumen_jaminan))
+                                @php
+                                    $dokumen_jaminan = is_array(json_decode($detail->dokumen_jaminan)) ? json_decode($detail->dokumen_jaminan) : [$detail->dokumen_jaminan];
+                                    $dokumen_nomor = is_array(json_decode($detail->dokumen_nomor)) ? json_decode($detail->dokumen_nomor) : ($detail->dokumen_nomor ? [$detail->dokumen_nomor] : []);
+                                @endphp
+                                <div class="flex flex-col w-full gap-2">
+                                    @foreach($dokumen_jaminan as $index => $dokumen)
+                                        <div class="flex w-full lg:w-[30%]">
+                                            @if(!empty($dokumen_nomor))
+                                                <span class="flex-1 mt-2 text-info text-sm">Nomor Dokumen : {{ $dokumen_nomor[$index] }}</span>
+                                            @endif
+                                            <a href="{{ route('debitur.jaminan.download', ['id' => $debitur->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
+                                               class="flex-none badge badge-sm badge-outline mt-2 mr-2">
+                                                {{ basename($dokumen) }}
+                                                <i class="ki-filled ki-cloud-download"></i>
+                                            </a>
+                                        </div>
+                                    @endforeach
+                                </div>
+                            @endif
+                        @endif
+                    </div>
+                </div>
+
+                @if($detail->details)
+                    @if($detail->jenisLegalitasJaminan->custom_field)
+                        @php $custom_field = json_decode($detail->details,true) @endphp
+                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                            <label class="form-label max-w-56 capitalize">
+                                {{ str_replace('_',' ',$detail->jenisLegalitasJaminan->custom_field) }}
+                            </label>
+                            <div class="flex flex-wrap items-baseline w-full">
+                                <input class="input" type="text" name="custom_field[][$detail->jenisLegalitasJaminan->custom_field]" value="{{ $custom_field[$detail->jenisLegalitasJaminan->custom_field] ?? '' }}">
+                            </div>
+                        </div>
+                    @endif
+
+                @else
+                    @if($detail->jenisLegalitasJaminan->custom_field)
+                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                            <label class="form-label max-w-56 capitalize">
+                                {{ str_replace('_',' ',$detail->jenisLegalitasJaminan->custom_field) }}
+                            </label>
+                            <div class="flex flex-wrap items-baseline w-full">
+                                @if($detail->jenisLegalitasJaminan->custom_field_type === "text")
+                                    <input class="input" type="text" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
+                                @elseif($detail->jenisLegalitasJaminan->custom_field_type === "number")
+                                    <input class="input" type="number" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
+                                @elseif($detail->jenisLegalitasJaminan->custom_field_type === "date")
+                                    <input class="input" type="date" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
+                                @elseif($detail->jenisLegalitasJaminan->custom_field_type === "textarea")
+                                    <textarea class="textarea" rows="3" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2"></textarea>
+                                @else
+                                    <input class="input" type="text" name="custom_field[][{{$detail->jenisLegalitasJaminan->custom_field}}]" placeholder="... M2">
+                                @endif
+                            </div>
+                        </div>
+                    @endif
+                @endif
+
+                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label class="form-label max-w-56">
+                        Keterangan
+                    </label>
+                    <div class="flex flex-wrap items-baseline w-full">
+                        <textarea class="textarea" rows="3" type="number" name="keterangan[]">{{ $detail->keterangan ?? ""  }}</textarea>
+                    </div>
+                </div>
+                @php $n++; @endphp
+            @endforeach
+            @if($legalitas)
+                @foreach($legalitas as $item)
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56 font-bold">
+                            {{ $n + 1 }}. {{ $item->name }}
+                        </label>
+                        <input type="hidden" name="jenis_legalitas_jaminan_id[]" value=" {{ $item->id }}">
+                    </div>
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Nomor
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <input class="input " type="text" id="name" name="name[]" value="" placeholder="Nomor">
+                        </div>
+                    </div>
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Dokumen Jaminan
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <div class="flex flex-col w-full gap-2" id="file-container-{{$n}}">
+                                <div class="flex items-center gap-2">
+                                    <input class="flex-1 input" type="text" name="dokumen_nomor[{{ $n }}][]" placeholder="Nomor Dokumen">
+                                    <input class="flex-1 file-input" type="file" name="dokumen_jaminan[{{ $n }}][]" accept=".pdf,image/*">
+                                    <button type="button" class="flex-none btn btn-primary w-[100px] text-center" onclick="addFileInput({{ $n }})">Add More</button>
+                                </div>
+                                <div id="additional-files-{{ $n }}"></div>
+                            </div>
+                        </div>
+                    </div>
+
+                    @if($item->custom_field)
+                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                            <label class="form-label max-w-56 capitalize">
+                                {{ str_replace('_',' ',$item->custom_field) }}
+                            </label>
+                            <div class="flex flex-wrap items-baseline w-full">
+                                @if($item->custom_field_type === "text")
+                                    <input class="input" type="text" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
+                                @elseif($item->custom_field_type === "number")
+                                    <input class="input" type="number" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
+                                @elseif($item->custom_field_type === "date")
+                                    <input class="input" type="date" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
+                                @elseif($item->custom_field_type === "textarea")
+                                    <textarea class="textarea" rows="3" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2"></textarea>
+                                @else
+                                    <input class="input" type="text" name="custom_field[][{{$item->custom_field}}]" placeholder="... M2">
+                                @endif
+                            </div>
+                        </div>
+                    @endif
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Keterangan
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <textarea class="textarea" rows="3" type="number" name="keterangan[]"></textarea>
+                        </div>
+                    </div>
+                    @php $n++; @endphp
+                @endforeach
+            @endif
+        @endif
+    </div>
     <div class="flex justify-end">
         <button type="submit" class="btn btn-primary">
             Save
diff --git a/resources/views/noc/form.blade.php b/resources/views/noc/form.blade.php
new file mode 100644
index 0000000..0fc649e
--- /dev/null
+++ b/resources/views/noc/form.blade.php
@@ -0,0 +1,97 @@
+@extends('layouts.main')
+
+@section('breadcrumbs')
+    {{ Breadcrumbs::render(request()->route()->getName()) }}
+@endsection
+
+@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">
+                <div class="card-title flex flex-row gap-1.5">
+                    NOC
+                </div>
+                <div class="flex items-center gap-2">
+                    <a href="{{ route('noc.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
+                </div>
+            </div>
+            <div class="card-body">
+                <form action="{{ route('noc.store') }}" method="POST" class="grid gap-5" enctype="multipart/form-data">
+                    @csrf
+                    <input type="hidden" name="penawaran_id" value="{{ $persetujuanPenawaran->penawaran_id ?? old('penawaran_id') }}">
+                    <input type="hidden" name="permohonan_id" value="{{ $persetujuanPenawaran->penawaran->permohonan->id ?? old('permohonan_id') }}">
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Status Bayar
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <select class="input tomselect w-full @error('status_bayar') border-danger bg-danger-light @enderror" name="status_bayar" id="status_bayar">
+                                <option value="">Pilih Status Bayar</option>
+                                <option value="sudah_bayar" {{ (old('status_bayar') == 'sudah_bayar') || (isset($persetujuanPenawaran->penawaran->permohonan) && $persetujuanPenawaran->penawaran->permohonan->status_bayar == 'sudah_bayar') ? 'selected' : '' }}>Sudah Bayar</option>
+                                <option value="belum_bayar" {{ (old('status_bayar') == 'belum_bayar') || (isset($persetujuanPenawaran->penawaran->permohonan) && $persetujuanPenawaran->penawaran->permohonan->status_bayar == 'belum_bayar') ? 'selected' : '' }}>Belum Bayar</option>
+                            </select>
+                            @error('status_bayar')
+                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Bukti KSL
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <input type="file" name="bukti_ksl" id="bukti_ksl" class="file-input w-full @error('bukti_ksl') border-danger bg-danger-light @enderror" accept=".pdf,.doc,.docx">
+                            @error('bukti_ksl')
+                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Nominal Bayar
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <input type="number" name="nominal_bayar" id="nominal_bayar" class="input w-full @error('nominal_bayar') border-danger bg-danger-light @enderror" value="{{ old('nominal_bayar', $persetujuanPenawaran->nominal_bayar ?? '') }}" placeholder="Masukkan nominal bayar">
+                            @error('nominal_bayar')
+                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Catatan
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <textarea name="catatan" id="catatan" rows="4" class="textarea w-full @error('catatan') border-danger bg-danger-light @enderror" placeholder="Masukkan catatan">{{ old('catatan', $persetujuanPenawaran->catatan ?? '') }}</textarea>
+                            @error('catatan')
+                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Catatan NOC
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <textarea name="catatan_noc" id="catatan_noc" rows="4" class="textarea w-full @error('catatan_noc') border-danger bg-danger-light @enderror" placeholder="Masukkan catatan noc">{{ old('catatan_noc', $persetujuanPenawaran->catatan_noc ?? '') }}</textarea>
+                            @error('catatan_noc')
+                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+                        </div>
+                    </div>
+
+                    <div class="flex justify-end">
+                        <button type="submit" class="btn btn-primary">
+                            Proses
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/noc/index.blade.php b/resources/views/noc/index.blade.php
new file mode 100644
index 0000000..3483629
--- /dev/null
+++ b/resources/views/noc/index.blade.php
@@ -0,0 +1,183 @@
+@extends('layouts.main')
+
+@section('breadcrumbs')
+    {{ Breadcrumbs::render('noc') }}
+@endsection
+
+@section('content')
+    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
+        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="5" data-datatable-state-save="false" id="noc-table" data-api-url="{{ route('noc.datatables') }}">
+            <div class="card-header py-5 flex-wrap">
+                <h3 class="card-title">
+                    Daftar NOC
+                </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 NOC" 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="nama_debitur">
+                                <span class="sort"> <span class="sort-label"> Nama Debitur </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="cabang">
+                                <span class="sort"> <span class="sort-label"> Cabang </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="tanggal_setor">
+                                <span class="sort"> <span class="sort-label"> Tanggal KSL </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="nominal_bayar">
+                                <span class="sort"> <span class="sort-label"> Nominal bayar </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="bukti_ksl">
+                                <span class="sort"> <span class="sort-label"> Bukti KSL </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="tanggal_penyelesaian">
+                                <span class="sort"> <span class="sort-label"> Tanggal Penyelesaian </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>
+        </div>
+        @endsection
+
+        @push('scripts')
+            <script type="text/javascript">
+                function prosesData(data) {
+                    Swal.fire({
+                        title: 'NOC',
+                        text: "Apakah Anda yakin ingin menyetujui data penawaran ini?",
+                        icon: 'info',
+                        showCancelButton: true,
+                        confirmButtonColor: '#3085d6',
+                        cancelButtonColor: '#d33',
+                        confirmButtonText: 'Ya',
+                        cancelButtonText: 'Tidak'
+                    }).then((result) => {
+                        if (result.isConfirmed) {
+                            window.location.href = `noc/${data}/edit`;
+                        }
+                    })
+                }
+            </script>
+
+            <script type="module">
+                const element = document.querySelector('#noc-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',
+                            render: (item, data) => {
+                                return `${data.penawaran.nomor_registrasi}`;
+                            },
+                        },
+                        nama_debitur: {
+                            title: 'Nama Debitur',
+                            render: (item, data) => {
+                                return `${data.penawaran.permohonan.debiture.name}`;
+                            },
+                        },
+                        cabang: {
+                            title: 'Cabang',
+                            render: (item, data) => {
+                                return `${data.penawaran.permohonan.branch.name}`;
+                            },
+                        },
+                        tanggal_setor: {
+                            title: 'Cabang',
+                            render: (item, data) => {
+                                return `${window.formatTanggalIndonesia(data.created_at)}`;
+                            },
+                        },
+                        nominal_bayar: {
+                            title: 'Cabang',
+                            render: (item, data) => {
+                                return `${window.formatRupiah(data.nominal_bayar)}`;
+                            },
+                        },
+                        bukti_ksl: {
+                            title: 'Bukti KSL',
+                            render: (item, data) => {
+                                if (data.bukti_ksl) {
+                                    return `<a href="storage/${data.bukti_ksl}" download="storage/${data.bukti_ksl}" target="_blank" class="badge badge-sm badge-outline">
+                        Download <i class="ki-filled ki-cloud-download"></i>
+                    </a>`;
+                                } else {
+                                    return '-';
+                                }
+                            },
+                        },
+                        tanggal_penyelesaian: {
+                            title: 'Cabang',
+                            render: (item, data) => {
+                                if(data.status==1) {
+                                    return `${window.formatTanggalIndonesia(data.updated_at)}`;
+                                }
+                                return "-";
+                            },
+                        },
+                        actions: {
+                            title: 'Action',
+                            render: (item, data) => {
+                                return `<div class="flex flex-nowrap justify-center">
+                            <a class="btn btn-sm btn-outline btn-info" onclick="prosesData(${data.id})">
+                                <i class="ki-filled ki-double-check"></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
diff --git a/resources/views/persetujuan_penawaran/form.blade.php b/resources/views/persetujuan_penawaran/form.blade.php
index 6d56cb2..c27c4e8 100644
--- a/resources/views/persetujuan_penawaran/form.blade.php
+++ b/resources/views/persetujuan_penawaran/form.blade.php
@@ -40,31 +40,6 @@
                             @enderror
                         </div>
                     </div>
-
-                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                        <label class="form-label max-w-56">
-                            SLA Resume
-                        </label>
-                        <div class="flex flex-wrap items-baseline w-full">
-                            <input type="number" name="sla_resume" id="sla_resume" class="input w-full @error('sla_resume') border-danger bg-danger-light @enderror" value="{{ old('sla_resume', $persetujuanPenawaran->sla_resume ?? '') }}">
-                            @error('sla_resume')
-                            <em class="alert text-danger text-sm">{{ $message }}</em>
-                            @enderror
-                        </div>
-                    </div>
-
-                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                        <label class="form-label max-w-56">
-                            SLA Final
-                        </label>
-                        <div class="flex flex-wrap items-baseline w-full">
-                            <input type="number" name="sla_final" id="sla_final" class="input w-full @error('sla_final') border-danger bg-danger-light @enderror" value="{{ old('sla_final', $persetujuanPenawaran->sla_final ?? '') }}">
-                            @error('sla_final')
-                            <em class="alert text-danger text-sm">{{ $message }}</em>
-                            @enderror
-                        </div>
-                    </div>
-
                     <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                         <label class="form-label max-w-56">
                             File Persetujuan Penawaran
@@ -89,6 +64,18 @@
                         </div>
                     </div>
 
+                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                        <label class="form-label max-w-56">
+                            Nominal Bayar
+                        </label>
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <input type="number" name="nominal_bayar" id="nominal_bayar" class="input w-full @error('nominal_bayar') border-danger bg-danger-light @enderror" value="{{ old('nominal_bayar', $persetujuanPenawaran->nominal_bayar ?? '') }}" placeholder="Masukkan nominal bayar">
+                            @error('nominal_bayar')
+                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+                        </div>
+                    </div>
+
                     <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                         <label class="form-label max-w-56">
                             Bukti Bayar
@@ -101,7 +88,6 @@
                         </div>
                     </div>
 
-
                     <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                         <label class="form-label max-w-56">
                             Catatan
diff --git a/resources/views/persetujuan_penawaran/index.blade.php b/resources/views/persetujuan_penawaran/index.blade.php
index c2e6c49..c2aeb3a 100644
--- a/resources/views/persetujuan_penawaran/index.blade.php
+++ b/resources/views/persetujuan_penawaran/index.blade.php
@@ -57,12 +57,8 @@
                                 <span class="sort"> <span class="sort-label"> Biaya Final </span>
                                     <span class="sort-icon"> </span> </span>
                             </th>
-                            <th class="min-w-[150px]" data-datatable-column="sla_resume">
-                                <span class="sort"> <span class="sort-label"> SLA Resume </span>
-                                    <span class="sort-icon"> </span> </span>
-                            </th>
-                            <th class="min-w-[150px]" data-datatable-column="sla_final">
-                                <span class="sort"> <span class="sort-label"> SLA Final </span>
+                            <th class="min-w-[150px]" data-datatable-column="nominal_bayar">
+                                <span class="sort"> <span class="sort-label"> Nominal Bayar </span>
                                     <span class="sort-icon"> </span> </span>
                             </th>
                             <th class="min-w-[150px]" data-datatable-column="catatan">
@@ -161,7 +157,7 @@
                             title: 'Dokumen Persetujuan',
                             render: (item, data) => {
                                 if (data.penawaran_tender.detail.dokumen_persetujuan) {
-                                    return `<a href="${data.penawaran_tender.detail.dokumen_persetujuan}" download="${data.penawaran_tender.detail.dokumen_persetujuan}" target="_blank" class="badge badge-sm badge-outline">
+                                    return `<a href="storage/${data.penawaran_tender.detail.dokumen_persetujuan}" download="${data.penawaran_tender.detail.dokumen_persetujuan}" target="_blank" class="badge badge-sm badge-outline">
                         Download <i class="ki-filled ki-cloud-download"></i>
                     </a>`;
                                 } else {
@@ -175,11 +171,8 @@
                                 return window.formatRupiah(`${data.penawaran_tender.detail.biaya_penawaran}`);
                             },
                         },
-                        sla_resume: {
-                            title: 'SLA Resume'
-                        },
-                        sla_final: {
-                            title: 'SLA Final'
+                        nominal_bayar: {
+                            title: 'Nominal Bayar'
                         },
                         catatan: {
                             title: 'Catatan',
diff --git a/resources/views/registrasifinal/index.blade.php b/resources/views/registrasifinal/index.blade.php
index 54e5c37..70940ea 100644
--- a/resources/views/registrasifinal/index.blade.php
+++ b/resources/views/registrasifinal/index.blade.php
@@ -35,6 +35,10 @@
                                 <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="debiture">
+                                <span class="sort"> <span class="sort-label"> Debiture </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>
@@ -106,6 +110,12 @@
                 'nomor_registrasi': {
                     title: 'Nomor Registrasi',
                 },
+                'debiture': {
+                    title: 'Debiture',
+                    render: (item, data) => {
+                        return `${data.permohonan.debiture.name}`;
+                    }
+                },
                 code: {
                     title: 'Kode Penawaran',
                 },
diff --git a/routes/breadcrumbs.php b/routes/breadcrumbs.php
index f66acb4..bb7a968 100644
--- a/routes/breadcrumbs.php
+++ b/routes/breadcrumbs.php
@@ -532,7 +532,7 @@
     Breadcrumbs::for('otorisator.show', function (BreadcrumbTrail $trail, $id, $type) {
         $trail->push("Detail $type", route('otorisator.show', ['id' => $id, 'type' => $type]));
     });
-    
+
 
     Breadcrumbs::for('laporan', function (BreadcrumbTrail $trail) {
         $trail->push('Laporan', route('laporan.sederhana.index'));
@@ -587,5 +587,14 @@
         $trail->push('Proses Persetujuan Penawaran');
     });
 
+    Breadcrumbs::for('noc', function (BreadcrumbTrail $trail) {
+        $trail->push('NOC', route('noc.index'));
+    });
+
+    Breadcrumbs::for('noc.edit', function (BreadcrumbTrail $trail) {
+        $trail->parent('noc');
+        $trail->push('Proses NOC');
+    });
+
     // add andy
     require __DIR__ . '/breadcrumbs_registrasi.php';
diff --git a/routes/web.php b/routes/web.php
index 04fa962..dd9eceb 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -17,7 +17,8 @@ use Modules\Lpj\Http\Controllers\JenisPenilaianController;
 use Modules\Lpj\Http\Controllers\KJPPController;
 use Modules\Lpj\Http\Controllers\LaporanController;
 use Modules\Lpj\Http\Controllers\NilaiPlafondController;
-use Modules\Lpj\Http\Controllers\PemilikJaminanController;
+    use Modules\Lpj\Http\Controllers\NocController;
+    use Modules\Lpj\Http\Controllers\PemilikJaminanController;
 use Modules\Lpj\Http\Controllers\PenilaianController;
 use Modules\Lpj\Http\Controllers\PenilaiController;
 use Modules\Lpj\Http\Controllers\PermohonanController;
@@ -561,6 +562,11 @@ Route::middleware(['auth'])->group(function () {
          ->name('persetujuan-penawaran.datatables');
 
     Route::resource('persetujuan-penawaran', PersetujuanPenawaranController::class);
+
+    Route::get('noc/datatables', [NocController::class, 'dataForDatatables'])
+         ->name('noc.datatables');
+
+    Route::resource('noc', NocController::class);
 });
 
 require __DIR__ . '/registrasi.php';