diff --git a/app/Http/Controllers/Kasir/Transaksi.php b/app/Http/Controllers/Kasir/Transaksi.php
index 8415214..4218859 100644
--- a/app/Http/Controllers/Kasir/Transaksi.php
+++ b/app/Http/Controllers/Kasir/Transaksi.php
@@ -87,4 +87,17 @@ class Transaksi extends Controller
         $pesanan = \App\Models\Pesanan::with('detailPesanan', 'user')->find($id);
         return view('pages.kasir.print', compact('pesanan'));
     }
+
+    public function detail($id)
+    {
+        $pesanan = \App\Models\Pesanan::with('detailPesanan', 'user')->find($id);
+        return view('pages.kasir.detail', compact('pesanan'));
+    }
+
+    public function selectPaket($KODE)
+    {
+        $produk = Produk::where('kode_produk', $KODE)->get();
+        dd($produk);
+        return response()->json($produk);
+    }
 }
diff --git a/database/migrations/2024_01_18_033037_create_produks_table.php b/database/migrations/2024_01_18_033037_create_produks_table.php
index c2a2b4f..7ff6883 100644
--- a/database/migrations/2024_01_18_033037_create_produks_table.php
+++ b/database/migrations/2024_01_18_033037_create_produks_table.php
@@ -17,11 +17,11 @@ return new class extends Migration
             $table->string('kode_produk')->nullable();
             $table->string('nama_produk')->nullable();
             $table->string('varian_produk')->nullable();
-            $table->string('gambar_produk')->nullable();
             $table->string('deskripsi_produk')->nullable();
             $table->string('harga_produk')->nullable();
             $table->string('stok_produk')->nullable();
             $table->enum('tersedia', [0, 1])->default(1)->comment('0=tidak,1=iya');
+            $table->string('gambar_produk')->nullable();
 
             $table->unsignedBigInteger("updated_by")->nullable();
             $table->unsignedBigInteger("created_by")->nullable();
diff --git a/database/seeders/ProdukSeeder.php b/database/seeders/ProdukSeeder.php
index 74fad6d..b570a5a 100644
--- a/database/seeders/ProdukSeeder.php
+++ b/database/seeders/ProdukSeeder.php
@@ -22,7 +22,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 15000,
                 'stok_produk' => 100,
                 'kode_produk' => 'KOP-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -32,7 +32,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 15000,
                 'stok_produk' => 100,
                 'kode_produk' => 'KOP-002',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -42,7 +42,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 7000,
                 'stok_produk' => 100,
                 'kode_produk' => 'TEH-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -52,7 +52,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 9000,
                 'stok_produk' => 100,
                 'kode_produk' => 'TEH-002',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -63,7 +63,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 9000,
                 'stok_produk' => 100,
                 'kode_produk' => 'TEH-002',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -73,7 +73,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 8000,
                 'stok_produk' => 100,
                 'kode_produk' => 'JER-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -83,7 +83,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 8000,
                 'stok_produk' => 100,
                 'kode_produk' => 'JER-002',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -93,7 +93,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 8000,
                 'stok_produk' => 100,
                 'kode_produk' => 'TIM-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -103,7 +103,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 8000,
                 'stok_produk' => 100,
                 'kode_produk' => 'CAO-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -113,7 +113,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 9000,
                 'stok_produk' => 100,
                 'kode_produk' => 'JOS-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -123,7 +123,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 10000,
                 'stok_produk' => 100,
                 'kode_produk' => 'TEM-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -133,7 +133,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 10000,
                 'stok_produk' => 100,
                 'kode_produk' => 'COF-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -143,7 +143,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 12000,
                 'stok_produk' => 100,
                 'kode_produk' => 'SOD-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -153,7 +153,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 12000,
                 'stok_produk' => 100,
                 'kode_produk' => 'MEG-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -163,7 +163,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 12000,
                 'stok_produk' => 100,
                 'kode_produk' => 'AIR-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 1,
@@ -173,7 +173,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 12000,
                 'stok_produk' => 100,
                 'kode_produk' => 'AIR-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 2,
@@ -183,7 +183,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 15000,
                 'stok_produk' => 100,
                 'kode_produk' => 'NAS-001',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 2,
@@ -193,7 +193,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 20000,
                 'stok_produk' => 100,
                 'kode_produk' => 'NAS-002',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
             [
                 'kategori_produk_id' => 2,
@@ -203,7 +203,7 @@ class ProdukSeeder extends Seeder
                 'harga_produk' => 5000,
                 'stok_produk' => 100,
                 'kode_produk' => 'NAS-002',
-                'tersedia' => 1,
+                'tersedia' => '1',
             ],
         ];
 
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 70c46a3..98c86ee 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -1,22 +1,13 @@
 <!-- Navbar -->
 <nav class="main-header navbar navbar-expand-lg navbar-light navbar-warning">
     <div class="container" style="display: contents">
-        <a href="../../index3.html" class="navbar-brand">
+        <a href="#" class="navbar-brand">
             <span class="brand-text font-weight-light">Sepiring Telur Keriting</span>
         </a>
 
-        <button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse"
-            aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-
         <div class="collapse navbar-collapse order-3" id="navbarCollapse">
             <!-- Left navbar links -->
-            {{-- <ul class="navbar-nav">
-                <li class="nav-item">
-                    <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
-                            class="fas fa-bars"></i></a>
-                </li>
+            <ul class="navbar-nav">
                 <li class="nav-item">
                     <a href="index3.html" class="nav-link">Home</a>
                 </li>
@@ -61,10 +52,10 @@
                         <!-- End Level two -->
                     </ul>
                 </li>
-            </ul> --}}
+            </ul>
 
             <!-- SEARCH FORM -->
-            {{-- <form class="form-inline ml-0 ml-md-3">
+            <form class="form-inline ml-0 ml-md-3">
                 <div class="input-group input-group-sm">
                     <input class="form-control form-control-navbar" type="search" placeholder="Search"
                         aria-label="Search">
@@ -74,105 +65,38 @@
                         </button>
                     </div>
                 </div>
-            </form> --}}
+            </form>
         </div>
 
         <!-- Right navbar links -->
         <ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto">
             <!-- Messages Dropdown Menu -->
-            {{-- <li class="nav-item dropdown">
-                <a class="nav-link" data-toggle="dropdown" href="#">
-                    <i class="fas fa-comments"></i>
-                    <span class="badge badge-danger navbar-badge">3</span>
+            <li class="nav-item">
+                <a class="nav-link" id="full-screen" data-widget="control-sidebar" data-slide="true" href="#"
+                    role="button">
+                    <i class="fas fa-th-large"></i>
+                    Fullscreen
+                </a>
+            </li>
+            <li class="nav-item dropdown">
+                <a class="nav-link @if (Request::is('transaksi')) active @endif" id="transaksi"
+                    data-widget="control-sidebar" data-slide="true" href="{{ route('transaksi.index') }}"
+                    role="button">
+                    Transaksi
                 </a>
-                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
-                    <a href="#" class="dropdown-item">
-                        <!-- Message Start -->
-                        <div class="media">
-                            <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar"
-                                class="img-size-50 mr-3 img-circle">
-                            <div class="media-body">
-                                <h3 class="dropdown-item-title">
-                                    Brad Diesel
-                                    <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
-                                </h3>
-                                <p class="text-sm">Call me whenever you can...</p>
-                                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago
-                                </p>
-                            </div>
-                        </div>
-                        <!-- Message End -->
-                    </a>
-                    <div class="dropdown-divider"></div>
-                    <a href="#" class="dropdown-item">
-                        <!-- Message Start -->
-                        <div class="media">
-                            <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar"
-                                class="img-size-50 img-circle mr-3">
-                            <div class="media-body">
-                                <h3 class="dropdown-item-title">
-                                    John Pierce
-                                    <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
-                                </h3>
-                                <p class="text-sm">I got your message bro</p>
-                                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago
-                                </p>
-                            </div>
-                        </div>
-                        <!-- Message End -->
-                    </a>
-                    <div class="dropdown-divider"></div>
-                    <a href="#" class="dropdown-item">
-                        <!-- Message Start -->
-                        <div class="media">
-                            <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar"
-                                class="img-size-50 img-circle mr-3">
-                            <div class="media-body">
-                                <h3 class="dropdown-item-title">
-                                    Nora Silvester
-                                    <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
-                                </h3>
-                                <p class="text-sm">The subject goes here</p>
-                                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago
-                                </p>
-                            </div>
-                        </div>
-                        <!-- Message End -->
-                    </a>
-                    <div class="dropdown-divider"></div>
-                    <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
-                </div>
             </li>
             <!-- Notifications Dropdown Menu -->
             <li class="nav-item dropdown">
-                <a class="nav-link" data-toggle="dropdown" href="#">
-                    <i class="far fa-bell"></i>
-                    <span class="badge badge-warning navbar-badge">15</span>
+                <a class="nav-link @if (Request::is('history')) active @endif" id="history"
+                    data-widget="control-sidebar" data-slide="true" href="#" role="button">
+                    History
                 </a>
-                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
-                    <span class="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>
             <li class="nav-item">
-                <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
-                    <i class="fas fa-th-large"></i>
+                <a class="nav-link" id="logout" data-widget="control-sidebar" data-slide="true" href="#"
+                    role="button">
+                    <span>Keluar</span>
+                    <i class="fas fa-sign-out-alt"></i>
                 </a>
             </li>
         </ul>
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index af94a43..e5f0614 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -63,6 +63,22 @@ scratch. This page gets rid of all links and provides the needed markup only.
     <!-- AdminLTE App -->
     <script src="{{ asset('assets/dist/js/adminlte.min.js') }}"></script>
 
+    <script type="text/javascript">
+        document.getElementById("full-screen").addEventListener("click", function(e) {
+            toggleFullScreen();
+        }, false);
+
+        function toggleFullScreen() {
+            if (!document.fullscreenElement) {
+                document.documentElement.requestFullscreen();
+            } else {
+                if (document.exitFullscreen) {
+                    document.exitFullscreen();
+                }
+            }
+        }
+    </script>
+
     @stack('scripts')
 
 </body>
diff --git a/resources/views/pages/Kasir/transaksi.blade.php b/resources/views/pages/Kasir/transaksi.blade.php
index 798cca0..c632f4b 100644
--- a/resources/views/pages/Kasir/transaksi.blade.php
+++ b/resources/views/pages/Kasir/transaksi.blade.php
@@ -56,6 +56,16 @@
                                                             to
                                                             additional
                                                             content.</p>
+                                                        {{-- @if ($item->kode_kelompok_kategori == 'MIN-PAK')
+                                                            <a class="btn btn-primary" id="ordered-menus"
+                                                                onclick="selectPaket( '{{ url('/transaksi/select-paket', $kelompokKategoriPivot->produk->kode_produk) }}' )">Select
+                                                                Paket
+                                                            </a>
+                                                        @else
+                                                            <a class="btn btn-primary" id="ordered-menus"
+                                                                onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">Go
+                                                                somewhere</a>
+                                                        @endif --}}
                                                         <a class="btn btn-primary" id="ordered-menus"
                                                             onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">Go
                                                             somewhere</a>
@@ -197,7 +207,7 @@
                     date.getFullYear(),
                     date.getMonth(),
                     date.getDate(),
-                    date.getHours(),
+                    date.getHours() - 7,
                     date.getMinutes(),
                     date.getSeconds()
                 ));
@@ -582,5 +592,25 @@
                 }
             });
         });
+
+        //  select paket
+        function selectPaket(uri) {
+            console.log(uri);
+            $.ajax({
+                url: uri,
+                method: "GET",
+                success: function(data) {
+                    console.log(data);
+                    // data.forEach(item => {
+                    //     aadMenu(item);
+                    // });
+                },
+                error: function(xhr, status, error) {
+                    console.log(xhr.responseJSON);
+                    console.log(status);
+                    console.log(error);
+                }
+            })
+        }
     </script>
 @endpush
diff --git a/routes/web.php b/routes/web.php
index cab20da..c42e58d 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -22,4 +22,6 @@ Route::group(['prefix' => 'transaksi'], function () {
     Route::get('/', [Transaksi::class, 'index'])->name('transaksi.index');
     Route::post('/store', [Transaksi::class, 'store'])->name('transaksi.store');
     Route::get('/print/{id}', [Transaksi::class, 'print'])->name('transaksi.print');
+    Route::get('/detail/{id}', [Transaksi::class, 'detail'])->name('transaksi.detail');
+    Route::get('/select-paket/{KODE}', [Transaksi::class, 'selectPaket'])->name('transaksi.select-paket');
 });