diff --git a/database/migrations/2022_07_20_154751_create_notifikasi_table.php b/database/migrations/2022_07_20_154751_create_notifikasi_table.php
new file mode 100644
index 0000000..508a41f
--- /dev/null
+++ b/database/migrations/2022_07_20_154751_create_notifikasi_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateNotifikasiTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('notifikasi', function (Blueprint $table) {
+            $table->uuid('id')->primary();
+            $table->string("role_from",30);
+            $table->string("role_to",30);
+            $table->uuid('userid');
+            $table->text("message");
+            $table->text("url");
+            $table->boolean("is_read");
+            $table->string("jenis", 50);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('notifikasi');
+    }
+}
diff --git a/public/css/app.css b/public/css/app.css
index 63f61b4..2b5749d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -9,6 +9,10 @@ body{
   font-family: "Ubuntu", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
 }
 
+.navy-link, .breadcrumb-item a{
+  color:navy !important;
+}
+
 .select2-container {
     width: 100% !important;
     padding: 0;
diff --git a/public/js/app.js b/public/js/app.js
index 57af5d3..94f0d3b 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -181,3 +181,165 @@ calculateDebt = () =>{
 $(document).on("change", ".calculate_field_debt", function(){
   calculateDebt();
 });
+
+
+$('.skpd_search').select2({
+    placeholder: 'Pilih SKPD',
+    ajax: {
+        url: '/skpd-search',
+        dataType: 'json',
+        delay: 250,
+        processResults: function (data) {
+            return {
+                results: $.map(data, function (item) {
+                    return {
+                        text: item.name,
+                        id: item.id
+                    }
+                })
+            };
+        },
+        cache: true
+    }
+});
+
+$('.prog_search').select2({
+    placeholder: 'Pilih Program',
+    ajax: {
+        url: '/item-search-prog',
+        dataType: 'json',
+        delay: 250,
+        processResults: function (data) {
+            return {
+                results: $.map(data, function (item) {
+                    return {
+                        text: item.name,
+                        id: item.id
+                    }
+                })
+            };
+        },
+        cache: true
+    }
+});
+
+$('.keg_search').select2({
+    placeholder: 'Pilih Kegiatan',
+    ajax: {
+        url: '/item-search-keg',
+        dataType: 'json',
+        delay: 250,
+        processResults: function (data) {
+            return {
+                results: $.map(data, function (item) {
+                    return {
+                        text: item.name,
+                        id: item.id
+                    }
+                })
+            };
+        },
+        cache: true
+    }
+});
+
+$('.sk_search').select2({
+    placeholder: 'Pilih Sub Kegiatan',
+    ajax: {
+        url: '/item-search-sk',
+        dataType: 'json',
+        delay: 250,
+        processResults: function (data) {
+            return {
+                results: $.map(data, function (item) {
+                    return {
+                        text: item.name,
+                        id: item.id
+                    }
+                })
+            };
+        },
+        cache: true
+    }
+});
+
+$('.rsk_search').select2({
+    placeholder: 'Pilih Rinci Sub Kegiatan',
+    ajax: {
+        url: '/item-search-rsk',
+        dataType: 'json',
+        delay: 250,
+        processResults: function (data) {
+            return {
+                results: $.map(data, function (item) {
+                    return {
+                        text: item.name,
+                        id: item.id
+                    }
+                })
+            };
+        },
+        cache: true
+    }
+});
+
+$(document).on("click",".modalButton",function (e){
+  $("#overlayLoader").removeClass("d-flex");
+  $("#overlayLoader").addClass("d-flex");
+  $('.modal-body').html("<table class='table table-striped' width='100%'><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></table>");
+  $(".modal-dialog").removeClass("modal-xl modal-lg")
+  $(".modal-dialog").addClass($(this).attr("modal-target"));
+  $('#modal-default')
+      .modal('show')
+      .find('.modal-body')
+      .load($(this).attr('href'),function(){
+          $("#overlayLoader").removeClass("d-flex");
+          $("#overlayLoader").hide();
+      });
+  if ($(this).attr('title')!== null) {
+      $('.modal-title').html($(this).attr('title'));
+  }
+  if ($(this).attr('size')!== null){
+      $('.modal-dialog').addClass($(this).attr('size'));
+  }
+  e.preventDefault();
+});
+
+$(document).on("submit",".form-delete",function (e){
+    e.preventDefault();
+    let test = Swal.fire({
+      title: 'Data akan dihapus?',
+      showDenyButton: true,
+      showCancelButton: false,
+      confirmButtonText: 'Ya',
+      denyButtonText: "Tidak",
+      icon: "warning",
+    }).then((result) => {
+      /* Read more about isConfirmed, isDenied below */
+      if (result.isConfirmed) {
+        e.currentTarget.submit();
+      }
+    })
+});
+
+var url = window.location;
+url = url + "";
+const allLinks = document.querySelectorAll('.nav-item a');
+// const currentLink = [...allLinks].filter(e => {
+//     return url.indexOf(e.href) > -1) {
+//         return e.href == url;
+//     }
+// });
+let currentLink = "";
+allLinks.forEach((val, idx) => {
+    if (url.indexOf(val.href) > -1){
+        currentLink = val;
+    }
+})
+
+$(currentLink).addClass("active")
+$(".has-treeview").removeClass("menu-open active");
+$(currentLink).closest(".has-treeview").addClass("menu-open active");
+$($(currentLink).closest(".has-treeview")).children("a.nav-link").addClass("active");
+$($(currentLink).closest(".nav-treeview")).closest("li.nav-item").addClass("menu-open");
+$($(currentLink).closest(".nav-treeview")).parentsUntil(".nav-sidebar > .nav-treeview").addClass('menu-open');
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 3531448..3db85ed 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -50,26 +50,22 @@
               </ul>
           </div>
         @endif
-
-        <div class="card">
-          @yield('card_header')
-          <div class="card-body">
-            @hasSection('content')
-              @yield('content')
-            @endif
-              @yield('content_error')
+        <div class="container-fluid">
+          <div class="card">
+            @yield('card_header')
+            <div class="card-body">
+              @hasSection('content')
+                @yield('content')
+              @endif
+                @yield('content_error')
+            </div>
           </div>
         </div>
 
       </section>
     </div>
 
-    <footer class="main-footer">
-      <div class="float-right d-none d-sm-block">
-        <b>Version</b> 1.0
-      </div>
-      <strong>Copyright &copy; 2022 <a href="#">Pusat Data dan Informasi BPKD Provinsi DKI Jakarta</a>.</strong> All rights reserved.
-    </footer>
+    @include('partials.footer')
 
     <aside class="control-sidebar control-sidebar-dark"></aside>
   </div>
@@ -95,11 +91,13 @@
   <script src="/AdminLTE-3.2.0/dist/js/adminlte.min.js"></script>
   <script src="/AdminLTE-3.2.0/plugins/select2/js/select2.full.min.js"></script>
   <script src="/js/custom.js"></script>
-  <script src="/js/app.js"></script>
   <script src="/js/swal2.min.js"></script>
   <script src="/js/moment.min.js"></script>
   <script src="/js/typeahead.bundle.min.js"></script>
   <script src="/js/daterangepicker.js"></script>
+  <script src="/js/app.js"></script>
+  @yield('scripts')
+  @yield('scripts2')
   <script type="text/javascript">
     $(document).ready(function(){
       @if ($message = Session::get('success'))
@@ -109,173 +107,6 @@
       @if ($message = Session::get('error'))
         Swal.fire('{{ $message }}', '', 'error');
       @endif
-
-      $('.skpd_search').select2({
-          placeholder: 'Pilih SKPD',
-          ajax: {
-              url: '/skpd-search',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.prog_search').select2({
-          placeholder: 'Pilih Program',
-          ajax: {
-              url: '/item-search-prog',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.keg_search').select2({
-          placeholder: 'Pilih Kegiatan',
-          ajax: {
-              url: '/item-search-keg',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.sk_search').select2({
-          placeholder: 'Pilih Sub Kegiatan',
-          ajax: {
-              url: '/item-search-sk',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.rsk_search').select2({
-          placeholder: 'Pilih Rinci Sub Kegiatan',
-          ajax: {
-              url: '/item-search-rsk',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $(document).on("click",".modalButton",function (e){
-        $("#overlayLoader").removeClass("d-flex");
-        $("#overlayLoader").addClass("d-flex");
-        $('.modal-body').html("<table class='table table-striped' width='100%'><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></table>");
-        $(".modal-dialog").removeClass("modal-xl modal-lg")
-        $(".modal-dialog").addClass($(this).attr("modal-target"));
-        $('#modal-default')
-            .modal('show')
-            .find('.modal-body')
-            .load($(this).attr('href'),function(){
-                $("#overlayLoader").removeClass("d-flex");
-                $("#overlayLoader").hide();
-            });
-        if ($(this).attr('title')!== null) {
-            $('.modal-title').html($(this).attr('title'));
-        }
-        if ($(this).attr('size')!== null){
-            $('.modal-dialog').addClass($(this).attr('size'));
-        }
-        e.preventDefault();
-      });
-
-      $(document).on("submit",".form-delete",function (e){
-          e.preventDefault();
-          let test = Swal.fire({
-            title: 'Data akan dihapus?',
-            showDenyButton: true,
-            showCancelButton: false,
-            confirmButtonText: 'Ya',
-            denyButtonText: "Tidak",
-            icon: "warning",
-          }).then((result) => {
-            /* Read more about isConfirmed, isDenied below */
-            if (result.isConfirmed) {
-              e.currentTarget.submit();
-            }
-          })
-      });
-
-      var url = window.location;
-      url = url + "";
-      const allLinks = document.querySelectorAll('.nav-item a');
-      // const currentLink = [...allLinks].filter(e => {
-      //     return url.indexOf(e.href) > -1) {
-      //         return e.href == url;
-      //     }
-      // });
-      let currentLink = "";
-      allLinks.forEach((val, idx) => {
-          if (url.indexOf(val.href) > -1){
-              currentLink = val;
-          }
-      })
-
-      $(currentLink).addClass("active")
-      $(".has-treeview").removeClass("menu-open active");
-      $(currentLink).closest(".has-treeview").addClass("menu-open active");
-      $($(currentLink).closest(".has-treeview")).children("a.nav-link").addClass("active");
-      $($(currentLink).closest(".nav-treeview")).closest("li.nav-item").addClass("menu-open");
-      $($(currentLink).closest(".nav-treeview")).parentsUntil(".nav-sidebar > .nav-treeview").addClass('menu-open');
-    });
-  </script>
-  @yield('scripts')
-  @yield('scripts2')
-  <script type="text/javascript">
-    $(document).ready(function(){
       $("#loader-wrapper").hide();
     });
   </script>
diff --git a/resources/views/layouts/auth.blade.php b/resources/views/layouts/auth.blade.php
index ac5fc09..7977ab0 100644
--- a/resources/views/layouts/auth.blade.php
+++ b/resources/views/layouts/auth.blade.php
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>E-SAMASA | Log in</title>
+  <title>E-SAMASA | LOG IN</title>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
   <link rel="stylesheet" href="/AdminLTE-3.2.0/plugins/fontawesome-free/css/all.min.css">
   <link rel="stylesheet" href="/AdminLTE-3.2.0/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
diff --git a/resources/views/layouts/empty.blade.php b/resources/views/layouts/empty.blade.php
index 790710a..4791091 100644
--- a/resources/views/layouts/empty.blade.php
+++ b/resources/views/layouts/empty.blade.php
@@ -50,20 +50,17 @@
           </div>
         @endif
 
-        @hasSection('content')
-          @yield('content')
-        @endif
-          @yield('content_error')
+        <div class="container-fluid">
+          @hasSection('content')
+            @yield('content')
+          @endif
+            @yield('content_error')
+        </div>
 
       </section>
     </div>
 
-    <footer class="main-footer">
-      <div class="float-right d-none d-sm-block">
-        <b>Version</b> 1.0
-      </div>
-      <strong>Copyright &copy; 2022 <a href="#">Pusat Data dan Informasi BPKD Provinsi DKI Jakarta</a>.</strong> All rights reserved.
-    </footer>
+    @include('partials.footer')
 
     <aside class="control-sidebar control-sidebar-dark"></aside>
   </div>
@@ -89,11 +86,13 @@
   <script src="/AdminLTE-3.2.0/dist/js/adminlte.min.js"></script>
   <script src="/AdminLTE-3.2.0/plugins/select2/js/select2.full.min.js"></script>
   <script src="/js/custom.js"></script>
-  <script src="/js/app.js"></script>
   <script src="/js/swal2.min.js"></script>
   <script src="/js/moment.min.js"></script>
   <script src="/js/typeahead.bundle.min.js"></script>
   <script src="/js/daterangepicker.js"></script>
+  <script src="/js/app.js"></script>
+  @yield('scripts')
+  @yield('scripts2')
   <script type="text/javascript">
     $(document).ready(function(){
       @if ($message = Session::get('success'))
@@ -103,153 +102,8 @@
       @if ($message = Session::get('error'))
         Swal.fire('{{ $message }}', '', 'error');
       @endif
-
-      $('.skpd_search').select2({
-          placeholder: 'Pilih SKPD',
-          ajax: {
-              url: '/skpd-search',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.prog_search').select2({
-          placeholder: 'Pilih Program',
-          ajax: {
-              url: '/item-search-prog',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.keg_search').select2({
-          placeholder: 'Pilih Kegiatan',
-          ajax: {
-              url: '/item-search-keg',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.sk_search').select2({
-          placeholder: 'Pilih Sub Kegiatan',
-          ajax: {
-              url: '/item-search-sk',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $('.rsk_search').select2({
-          placeholder: 'Pilih Rinci Sub Kegiatan',
-          ajax: {
-              url: '/item-search-rsk',
-              dataType: 'json',
-              delay: 250,
-              processResults: function (data) {
-                  return {
-                      results: $.map(data, function (item) {
-                          return {
-                              text: item.name,
-                              id: item.id
-                          }
-                      })
-                  };
-              },
-              cache: true
-          }
-      });
-
-      $(document).on("click",".modalButton",function (e){
-        $("#overlayLoader").removeClass("d-flex");
-        $("#overlayLoader").addClass("d-flex");
-        $('.modal-body').html("<table class='table table-striped' width='100%'><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></table>");
-        $(".modal-dialog").removeClass("modal-xl modal-lg")
-        $(".modal-dialog").addClass($(this).attr("modal-target"));
-        $('#modal-default')
-            .modal('show')
-            .find('.modal-body')
-            .load($(this).attr('href'),function(){
-                $("#overlayLoader").removeClass("d-flex");
-                $("#overlayLoader").hide();
-            });
-        if ($(this).attr('title')!== null) {
-            $('.modal-title').html($(this).attr('title'));
-        }
-        if ($(this).attr('size')!== null){
-            $('.modal-dialog').addClass($(this).attr('size'));
-        }
-        e.preventDefault();
-      });
-
-      var url = window.location;
-      url = url + "";
-      const allLinks = document.querySelectorAll('.nav-item a');
-      // const currentLink = [...allLinks].filter(e => {
-      //     return url.indexOf(e.href) > -1) {
-      //         return e.href == url;
-      //     }
-      // });
-      let currentLink = "";
-      allLinks.forEach((val, idx) => {
-          if (url.indexOf(val.href) > -1){
-              currentLink = val;
-          }
-      })
-
-      $(currentLink).addClass("active")
-      $(".has-treeview").removeClass("menu-open active");
-      $(currentLink).closest(".has-treeview").addClass("menu-open active");
-      $($(currentLink).closest(".has-treeview")).children("a.nav-link").addClass("active");
-      $($(currentLink).closest(".nav-treeview")).closest("li.nav-item").addClass("menu-open");
-      $($(currentLink).closest(".nav-treeview")).parentsUntil(".nav-sidebar > .nav-treeview").addClass('menu-open');
+      $("#loader-wrapper").hide();
     });
   </script>
-  @yield('scripts')
-  @yield('scripts2')
 </body>
 </html>
diff --git a/resources/views/partials/footer.blade.php b/resources/views/partials/footer.blade.php
new file mode 100644
index 0000000..95a1375
--- /dev/null
+++ b/resources/views/partials/footer.blade.php
@@ -0,0 +1,6 @@
+<footer class="main-footer">
+    <div class="float-right d-none d-sm-block">
+        <b>Version</b> 1.0
+    </div>
+    <strong>Copyright &copy; 2022 <a href="#" class="navy-link">Pusat Data dan Informasi BPKD Provinsi DKI Jakarta</a>.</strong> All rights reserved.
+</footer>
\ No newline at end of file
diff --git a/resources/views/partials/top_menu.blade.php b/resources/views/partials/top_menu.blade.php
index fd7fccf..570975c 100644
--- a/resources/views/partials/top_menu.blade.php
+++ b/resources/views/partials/top_menu.blade.php
@@ -13,6 +13,32 @@
   </ul>
 
   <ul class="navbar-nav ml-auto">
+    {{-- <li class="nav-item dropdown">
+      <a class="nav-link pr-4" data-toggle="dropdown" href="#">
+        <i class="far fa-bell"></i>
+        <span class="badge badge-danger navbar-badge">15</span>
+      </a>
+      <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
+        <span class="dropdown-item dropdown-header">15 Notifications</span>
+        <div class="dropdown-divider"></div>
+        <a href="#" class="dropdown-item">
+          <i class="fas fa-envelope mr-2"></i> 4 new messages
+          <span class="float-right text-muted text-sm">3 mins</span>
+        </a>
+        <div class="dropdown-divider"></div>
+        <a href="#" class="dropdown-item">
+          <i class="fas fa-users mr-2"></i> 8 friend requests
+          <span class="float-right text-muted text-sm">12 hours</span>
+        </a>
+        <div class="dropdown-divider"></div>
+        <a href="#" class="dropdown-item">
+          <i class="fas fa-file mr-2"></i> 3 new reports
+          <span class="float-right text-muted text-sm">2 days</span>
+        </a>
+        <div class="dropdown-divider"></div>
+        <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
+      </div>
+    </li> --}}
     <li class="nav-item dropdown">
       <a class="nav-link" data-toggle="dropdown" href="#">
         <i class="fa fa-user mr-2"></i>{{ Auth::user()->name." | ".$role }}</span>
diff --git a/resources/views/realisasi_pendapatan/show.blade.php b/resources/views/realisasi_pendapatan/show.blade.php
index 9d507c4..4fe0232 100644
--- a/resources/views/realisasi_pendapatan/show.blade.php
+++ b/resources/views/realisasi_pendapatan/show.blade.php
@@ -10,62 +10,60 @@
 @endsection
 
 @section('content')
-<div class="col-12">
-    <div class="card">
-        <div class="card-header">
-            <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> {{ $sitesubTitle }}</h2>
-            <div class="card-tools">
-                <button class="btn btn-sm btn-default" onclick="location.href='{{ route('realisasi-pendapatan.index') }}'"><i class="fa fa-arrow-left"></i>  Kembali</button>
-            </div>
-        </div>
-        <div id="detail_realisasi_pendapatan" class="card-body">
-            @include('realisasi_pendapatan.form')
+<div class="card">
+    <div class="card-header">
+        <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> {{ $sitesubTitle }}</h2>
+        <div class="card-tools">
+            <button class="btn btn-sm btn-default" onclick="location.href='{{ route('realisasi-pendapatan.index') }}'"><i class="fa fa-arrow-left"></i>  Kembali</button>
         </div>
     </div>
-    <div class="card">
-        <div class="card-header">
-            <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> STS</h2>
-        </div>
-        <div class="card-body">
-            <form id="frmrealisasipendapatan" action="{{ url("realisasi-pendapatan/$realisasi_pendapatan->id/sts") }}" method="POST" autocomplete="off">
-                @csrf
-                <div class="form-group row">
-                    <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_no_sts">No. STS</label>
-                    <div class="col-md-10 col-sm-10 ">
-                        <input id="rkud_no_sts" name="rkud_no_sts" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ $realisasi_pendapatan->rkud_no_sts }}" placeholder="Input Nomor STS"></select>
-                    </div>
+    <div id="detail_realisasi_pendapatan" class="card-body">
+        @include('realisasi_pendapatan.form')
+    </div>
+</div>
+<div class="card">
+    <div class="card-header">
+        <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> STS</h2>
+    </div>
+    <div class="card-body">
+        <form id="frmrealisasipendapatan" action="{{ url("realisasi-pendapatan/$realisasi_pendapatan->id/sts") }}" method="POST" autocomplete="off">
+            @csrf
+            <div class="form-group row">
+                <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_no_sts">No. STS</label>
+                <div class="col-md-10 col-sm-10 ">
+                    <input id="rkud_no_sts" name="rkud_no_sts" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ $realisasi_pendapatan->rkud_no_sts }}" placeholder="Input Nomor STS"></select>
                 </div>
-                <div class="form-group row">
-                    <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_tgl">Tanggal</label>
-                    <div class="col-md-10 col-sm-10 ">
-                        <input id="rkud_tgl" name="rkud_tgl" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ isset($realisasi_pendapatan->rkud_tgl)?date("Y-m-d",strtotime($realisasi_pendapatan->rkud_tgl)):"" }}" readonly>
-                    </div>
+            </div>
+            <div class="form-group row">
+                <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_tgl">Tanggal</label>
+                <div class="col-md-10 col-sm-10 ">
+                    <input id="rkud_tgl" name="rkud_tgl" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ isset($realisasi_pendapatan->rkud_tgl)?date("Y-m-d",strtotime($realisasi_pendapatan->rkud_tgl)):"" }}" readonly>
                 </div>
-                <div class="form-group row">
-                    <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_kode_akun">Kode Akun</label>
-                    <div class="col-md-10 col-sm-10 ">
-                        <input id="rkud_kode_akun" name="rkud_kode_akun" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ $realisasi_pendapatan->rkud_kode_akun }}" readonly>
-                    </div>
+            </div>
+            <div class="form-group row">
+                <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_kode_akun">Kode Akun</label>
+                <div class="col-md-10 col-sm-10 ">
+                    <input id="rkud_kode_akun" name="rkud_kode_akun" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ $realisasi_pendapatan->rkud_kode_akun }}" readonly>
                 </div>
-                <div class="form-group row">
-                    <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_nama_akun">Nama Akun</label>
-                    <div class="col-md-10 col-sm-10 ">
-                        <input id="rkud_nama_akun" name="rkud_nama_akun" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ $realisasi_pendapatan->rkud_nama_akun }}"readonly>
-                    </div>
+            </div>
+            <div class="form-group row">
+                <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_nama_akun">Nama Akun</label>
+                <div class="col-md-10 col-sm-10 ">
+                    <input id="rkud_nama_akun" name="rkud_nama_akun" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }}" value="{{ $realisasi_pendapatan->rkud_nama_akun }}"readonly>
                 </div>
-                <div class="form-group row">
-                    <label class="col-form-label col-md-2 col-sm-2 label-align" for="txt_simtrad4_bersih">Jumlah</label>
-                    <div class="col-md-10 col-sm-10 ">
-                        <input id="rkud_jumlah" name="rkud_jumlah" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }} number-separator-indo" value="{{ separateNumberIndo($realisasi_pendapatan->rkud_jumlah) }}" readonly>
-                    </div>
+            </div>
+            <div class="form-group row">
+                <label class="col-form-label col-md-2 col-sm-2 label-align" for="txt_simtrad4_bersih">Jumlah</label>
+                <div class="col-md-10 col-sm-10 ">
+                    <input id="rkud_jumlah" name="rkud_jumlah" class="{{ Auth::user()->can("Input STS DBH Realisasi Pendapatan")?"form-control":"form-control-plaintext" }} number-separator-indo" value="{{ separateNumberIndo($realisasi_pendapatan->rkud_jumlah) }}" readonly>
                 </div>
-                <?php if(Auth::user()->can("Input STS DBH Realisasi Pendapatan")){ ?>
-                    <div class="form-group">
-                        <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i> Simpan</button>
-                    </div>
-                <?php } ?>
-            </form>
-        </div>
+            </div>
+            <?php if(Auth::user()->can("Input STS DBH Realisasi Pendapatan")){ ?>
+                <div class="form-group">
+                    <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i> Simpan</button>
+                </div>
+            <?php } ?>
+        </form>
     </div>
 </div>
 @stop