Create App/ModifiedTrans

app/Http/Controllers/Apps/Memberin/SelfMemberinController.php

@@ -0,0 +1,85 @@
+<?php
+
+namespace App\Http\Controllers\Apps\Memberin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class SelfMemberinController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        return view('apps.member.create');
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id)
+    {
+        //
+    }
+}

app/Http/Controllers/Apps/ModifiedTransaksi.php

@@ -6,6 +6,7 @@
 use App\Models\JenisMobil;
 use App\Models\TransaksiParkir;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Log;
 
 class ModifiedTransaksi extends Controller
@@ -18,7 +19,10 @@ class ModifiedTransaksi extends Controller
     public function index()
     {
         // dd($id);
-        return view ('apps.modified-trans', ['data' => null]);
+        return view ('apps.modified-trans', [
+            'data' => null,
+            'cameraText' => $cameraText ?? null
+        ]);
     }
 
     /**
@@ -52,7 +56,7 @@ public function show($id)
     {
         Log::info(json_encode($id));
         $vehicle = JenisMobil::all();
-        $data = TransaksiParkir::select('no_pol','waktu_masuk','waktu_keluar','jm.nama as vehicle','id_kendaraan','np.nama as gateIn', 'id_pintu_masuk')
+        $data = TransaksiParkir::select('no_pol','waktu_masuk','waktu_keluar','jm.nama as vehicle','id_kendaraan','np.nama as gateIn', 'id_pintu_masuk','jm.nama as vehiclename')
             ->leftJoin('jenis_mobil as jm', 'jm.id', '=', 'transaksi_parkir.id_kendaraan')
             ->leftJoin('nama_pos as np', 'np.id', '=', 'transaksi_parkir.id_pintu_masuk')
             ->where('no_pol', $id)
@@ -85,17 +89,33 @@ public function edit($id)
      */
     public function update(Request $request, $id)
     {
-        $request->validate([
+        // $request->validate([
-            'id_kendaraan_baru' => 'required|exists:jenis_mobils,id', // validasi agar ID ada di database
+        //     'id_kendaraan_baru' => 'required|exists:jenis_mobil,id', // validasi agar ID ada di database
-        ]);
+        // ]);
 
         $no_pol=$id;
+        Log::info($request->all());
+        Log::info($no_pol);
         // Ambil data transaksi berdasarkan ID di URL
-        $transaksi = TransaksiParkir::findOrFail($no_pol);
+        // $transaksi = TransaksiParkir::findOrFail($no_pol);
 
-        // Update jenis kendaraan
+        // // Update jenis kendaraan
-        $transaksi->id_kendaraan = $request->id_kendaraan_baru;
+        // $transaksi->id_kendaraan = $request->id_kendaraan_baru;
-        $transaksi->save();
+        // $transaksi->save();
+        // TransaksiParkir::where('no_pol', $id)
+        // ->update([
+        //     'id_kendaraan' => $request->id_kendaraan_baru
+        // ]);
+        DB::table('transaksi_parkir')
+            ->where('no_pol', $id)
+            ->update([
+            'id_kendaraan' => $request->id_kendaraan_baru
+        ]);
+
+        return response()->json([
+            'status' => 'success',
+            'message' => 'data berhasil di ubah'
+        ]);
     }
 
     /**
@@ -108,4 +128,23 @@ public function destroy($id)
     {
         //
     }
+
+    public function scan(Request $request)
+{
+    $code = $request->code;
+
+    $transaksi = TransaksiParkir::where('no_pol','LIKE' . "%{$code}%")->first();
+
+    if (!$transaksi) {
+        return response()->json([
+            'status' => 'error',
+            'message' => 'Tiket tidak ditemukan tidak terdaftar'
+        ]);
+    }
+
+    return response()->json([
+        'status' => 'success',
+        'data' => $transaksi
+    ]);
+}
 }

app/Http/Controllers/ReportTransaksiController.php

@@ -10,6 +10,16 @@
 
 class ReportTransaksiController extends Controller
 {
+    public function byGate ()
+    {
+        return view ('report.by-gate');
+    }
+
+    public function gateData(Request $request)
+    {
+
+    }
+
     public function allReport ()
     {
         return view ('report.all-report');

app/Models/JenisMobil.php

@@ -11,8 +11,12 @@ class JenisMobil extends Model
 
     protected $table = 'jenis_mobil';
 
+    protected $casts = [
+        'id' => 'string',
+    ];
+
     protected $fillable = [
-        'id', 'nama','short_cut'
+        'nama','short_cut'
     ];
 
 }

app/Models/TransaksiParkir.php

@@ -14,6 +14,8 @@ class TransaksiParkir extends Model
         // public $timestamps = false;
     use HasFactory;
     protected $table = 'transaksi_parkir';
+    const updated_at = null;
+    const created_at = null;
 
     protected $fillable = [
         'id', 'no_pol', 'id_kendaraaan', 'status', 'id_pintu_masuk', 'id_pintu_keluar', 'waktu_masuk', 'waktu_keluar', 'id_op_masuk', 'id_op_keluar',  'id_shift_masuk', 

app/Models/TransaksiStiker.php

@@ -11,7 +11,7 @@ class TransaksiStiker extends Model
 
     protected $table = 'transaksi_stiker';
     const id = null;
-    const update_at = null;
+    const updated_at = null;
     const created_at = null;
 
     protected $fillable = [

package.json

@@ -10,9 +10,11 @@
         "production": "mix --production"
     },
     "devDependencies": {
+        "autoprefixer": "^10.4.24",
         "axios": "^0.25",
         "laravel-mix": "^6.0.6",
         "lodash": "^4.17.19",
-        "postcss": "^8.1.14"
+        "postcss": "^8.5.6",
+        "tailwindcss": "^3.4.4"
     }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

public/css/app.css

@@ -0,0 +1 @@
+

public/css/member.css

@@ -0,0 +1,473 @@
+*, ::before, ::after {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  
+}
+::backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  
+}
+.container {
+    width: 100%
+}
+@media (min-width: 640px) {
+    .container {
+        max-width: 640px
+    }
+}
+@media (min-width: 768px) {
+    .container {
+        max-width: 768px
+    }
+}
+@media (min-width: 1024px) {
+    .container {
+        max-width: 1024px
+    }
+}
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1280px
+    }
+}
+@media (min-width: 1536px) {
+    .container {
+        max-width: 1536px
+    }
+}
+.collapse {
+    visibility: collapse
+}
+.static {
+    position: static
+}
+.absolute {
+    position: absolute
+}
+.relative {
+    position: relative
+}
+.float-left {
+    float: left
+}
+.float-none {
+    float: none
+}
+.m-0 {
+    margin: 0px
+}
+.mx-0 {
+    margin-left: 0px;
+    margin-right: 0px
+}
+.mx-auto {
+    margin-left: auto;
+    margin-right: auto
+}
+.mb-0 {
+    margin-bottom: 0px
+}
+.mb-1 {
+    margin-bottom: 0.25rem
+}
+.mb-2 {
+    margin-bottom: 0.5rem
+}
+.mb-3 {
+    margin-bottom: 0.75rem
+}
+.mb-4 {
+    margin-bottom: 1rem
+}
+.mb-5 {
+    margin-bottom: 1.25rem
+}
+.mb-6 {
+    margin-bottom: 1.5rem
+}
+.me-2 {
+    margin-inline-end: 0.5rem
+}
+.me-3 {
+    margin-inline-end: 0.75rem
+}
+.me-auto {
+    margin-inline-end: auto
+}
+.ms-2 {
+    margin-inline-start: 0.5rem
+}
+.ms-3 {
+    margin-inline-start: 0.75rem
+}
+.ms-auto {
+    margin-inline-start: auto
+}
+.mt-1 {
+    margin-top: 0.25rem
+}
+.mt-2 {
+    margin-top: 0.5rem
+}
+.mt-3 {
+    margin-top: 0.75rem
+}
+.mt-4 {
+    margin-top: 1rem
+}
+.mt-5 {
+    margin-top: 1.25rem
+}
+.mt-6 {
+    margin-top: 1.5rem
+}
+.block {
+    display: block
+}
+.flex {
+    display: flex
+}
+.table {
+    display: table
+}
+.grid {
+    display: grid
+}
+.hidden {
+    display: none
+}
+.h-auto {
+    height: auto
+}
+.min-h-screen {
+    min-height: 100vh
+}
+.w-full {
+    width: 100%
+}
+.max-w-3xl {
+    max-width: 48rem
+}
+.flex-grow {
+    flex-grow: 1
+}
+.transform {
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+@keyframes pulse {
+    50% {
+        opacity: .5
+    }
+}
+.animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
+}
+.grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+.flex-wrap {
+    flex-wrap: wrap
+}
+.items-center {
+    align-items: center
+}
+.justify-end {
+    justify-content: flex-end
+}
+.justify-center {
+    justify-content: center
+}
+.gap-2 {
+    gap: 0.5rem
+}
+.gap-3 {
+    gap: 0.75rem
+}
+.gap-4 {
+    gap: 1rem
+}
+.rounded-2xl {
+    border-radius: 1rem
+}
+.rounded-lg {
+    border-radius: 0.5rem
+}
+.border {
+    border-width: 1px
+}
+.bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
+}
+.bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
+}
+.bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
+}
+.bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+.p-0 {
+    padding: 0px
+}
+.p-2 {
+    padding: 0.5rem
+}
+.p-3 {
+    padding: 0.75rem
+}
+.p-6 {
+    padding: 1.5rem
+}
+.p-8 {
+    padding: 2rem
+}
+.px-0 {
+    padding-left: 0px;
+    padding-right: 0px
+}
+.px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem
+}
+.px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem
+}
+.px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem
+}
+.py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem
+}
+.py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem
+}
+.py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem
+}
+.pb-0 {
+    padding-bottom: 0px
+}
+.pe-1 {
+    padding-inline-end: 0.25rem
+}
+.pe-2 {
+    padding-inline-end: 0.5rem
+}
+.ps-2 {
+    padding-inline-start: 0.5rem
+}
+.pt-3 {
+    padding-top: 0.75rem
+}
+.pt-4 {
+    padding-top: 1rem
+}
+.text-left {
+    text-align: left
+}
+.text-center {
+    text-align: center
+}
+.text-right {
+    text-align: right
+}
+.text-end {
+    text-align: end
+}
+.align-baseline {
+    vertical-align: baseline
+}
+.text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem
+}
+.text-5xl {
+    font-size: 3rem;
+    line-height: 1
+}
+.text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem
+}
+.font-bold {
+    font-weight: 700
+}
+.font-extrabold {
+    font-weight: 800
+}
+.font-medium {
+    font-weight: 500
+}
+.uppercase {
+    text-transform: uppercase
+}
+.text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgb(37 99 235 / var(--tw-text-opacity))
+}
+.text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgb(75 85 99 / var(--tw-text-opacity))
+}
+.text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgb(31 41 55 / var(--tw-text-opacity))
+}
+.text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+.shadow {
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+.shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+.shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+.transition {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+.hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(29 78 216 / var(--tw-bg-opacity))
+}
+.hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
+}
+.focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px
+}
+.focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+.focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))
+}
+@media (min-width: 768px) {
+    .md\:grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
+}
+

public/css/member/member.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

public/js/app.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */

public/mix-manifest.json

@@ -0,0 +1,5 @@
+{
+    "/js/app.js": "/js/app.js",
+    "/css/member.css": "/css/member.css",
+    "/css/app.css": "/css/app.css"
+}

resources/css/member.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

resources/views/apps/member/create.blade.php

@@ -0,0 +1,71 @@
+@extends('layouts.applications')
+
+@section('styles')
+    <link rel="stylesheet" href="{{ mix('css/member.css') }}">
+@endsection
+
+
+@section('content')
+    <div class="min-h-screen bg-gray-100 flex items-center justify-center p-6">
+        <div class="bg-white shadow-xl rounded-2xl w-full max-w-3xl p-8">
+
+            <h1 class="text-2xl font-bold text-gray-800 mb-6">
+                Buat Member Baru
+            </h1>
+            <form method="POST" action="#" class="space-y-5">
+                @csrf
+
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-600 mb-1">
+                        Nama Lengkap
+                    </label>
+                    <input type="text"
+                        class="w-full border rounded-md px-4 py-2 focus:ring-2 focus:ring-blue-500 focus:outline-none">
+                </div>
+
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-600 mb-1">
+                        No HP
+                    </label>
+                    <input type="text"
+                        class="max-w-xl border rounded-md px-4 py-2 focus:ring-2 focus:ring-blue-500 focus:outline-none">
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-600 mb-1">
+                        Nomor Polisi
+                    </label>
+                    <input type="text"
+                        class="w-full border rounded-md px-4 py-2 uppercase focus:ring-2 focus:ring-blue-500 focus:outline-none">
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-600 mb-1">
+                        Jenis Kendaraan
+                    </label>
+                    <select
+                        class="w-full border rounded-md px-4 py-2 focus:ring-2 focus:ring-blue-500 focus:outline-none">
+                        <option>Motor</option>
+                        <option>Mobil</option>
+                    </select>
+                </div>
+
+                <div class="flex justify-end gap-3 pt-4">
+                    <button type="button"
+                        class="px-4 py-2 border rounded-md text-gray-600 hover:bg-gray-100 transition">
+                        Batal
+                    </button>
+
+                    <button type="submit"
+                        class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition">
+                        Simpan Member
+                    </button>
+                </div>
+
+            </form>
+
+        </div>
+    </div>
+@endsection

resources/views/apps/modified-trans.blade.php

@@ -1,4 +1,8 @@
-@extends('layouts.apps')
+@if (Auth::check())
+    @extends('layouts.master')
+@else
+    @extends('layouts.apps')
+@endif
 
 @section('styles')
     <!-- CSS untuk Efek Ceklist -->
@@ -45,6 +49,11 @@
                     <div class="row w-100 mx-0">
                         <div class="col-lg-4 mx-auto">
                             <div class="auth-form-light text-left py-5 px-4 px-sm-5">
+                                <div class="text-center mb-1">
+                                    <img src="{{ asset('images/parkq-services.png') }}" 
+                                        alt="Logo Perusahaan"
+                                        style="max-height: 80px;">
+                                </div>
                                 <!-- Tampilan Jika Berhasil (Success Card) -->
                                 @if(session('status_update'))
                                     <div class="card border-success mb-4 shadow animate__animated animate__fadeIn">
@@ -65,59 +74,128 @@
                                         </div>
                                     </div>
                                 @endif
-                                @if($data)
+                                {{-- @if($data) --}}
-                                    <h3>Ubah Jenis kendaraan</h3>
+                                {{-- @if($data || $cameraText) --}}
+                                    <div class="card shadow-sm border-0">
+                                        <div class="card-body p-4">
+
+                                            <h4 class="mb-3 font-weight-bold text-primary">
+                                                <i class="fa fa-edit mr-2"></i> Ubah Jenis Kendaraan
+                                            </h4>
                                             <hr>
-                                    <form action="{{ route('apps.update', $data->no_pol) }}" method="POST" class="pt-3">
+
+                                            <form action="{{ route('apps.update', $data->no_pol ?? '') }}" method="POST">
                                                 @csrf
                                                 @method('PUT')
-                                        {{-- Menampilkan No. Transaksi sebagai info (Read Only) --}}
+
-                                        <div class="form-group row mb-0">
+                                                {{-- Informasi Transaksi --}}
-                                            <strong class="col-md-6 col-form-label">No. Transaksi</strong>
+                                                <div class="bg-light rounded p-3 mb-4">
-                                            <div class="col-md-6 text-right">
+
-                                                <p class="form-control-plaintext text-primary font-weight-bold">{{ $data->no_pol }}</p>
+                                                    <div class="row mb-2">
-                                                {{-- Input hidden jika Anda butuh no_pol terkirim ke backend --}}
+                                                        <div class="col-md-4 font-weight-bold">
+                                                            No. Transaksi
+                                                        </div>
+                                                        <div class="col-md-8 text-md-right text-primary font-weight-bold">
+                                                            @if ($data)
+                                                                {{ $data->no_pol }}
                                                                 <input type="hidden" name="no_transaksi" value="{{ $data->no_pol }}">
+                                                            @else
+                                                            <div id="reader" style="width:300px;"></div>
+
+                                                                <input type="text" 
+                                                                    id="barcode_result" 
+                                                                    name="barcode_result"
+                                                                    class="form-control mt-3"
+                                                                    placeholder="Hasil scan muncul disini">
+                                                                {{-- <input type="file"
+                                                                    name="foto_kamera"
+                                                                    accept="image/*"
+                                                                    capture="environment"
+                                                                    class="form-control mb-2"> --}}
+                                                            @endif
                                                         </div>
                                                     </div>
 
-                                        <div class="form-group row mb-0">
+                                                    <div class="row mb-2">
-                                            <strong class="col-md-6 col-form-label">Jam Masuk</strong>
+                                                        <div class="col-md-4 font-weight-bold">
-                                            <p class="col-md-6 form-control-plaintext text-right">
+                                                            Jam Masuk
+                                                        </div>
+                                                        <div class="col-md-8 text-md-right">
+                                                            @if ($data)
                                                                 {{ date('Y-m-d H:i:s', strtotime($data->waktu_masuk)) }}
-                                            </p>
+                                                             @else
+                                                                Not Detected
+                                                            @endif
+                                                        </div>
                                                     </div>
 
-                                        <div class="form-group row mb-3">
+                                                    <div class="row">
-                                            <strong class="col-md-6 col-form-label">Pintu Masuk</strong>
+                                                        <div class="col-md-4 font-weight-bold">
-                                            <p class="col-md-6 form-control-plaintext text-right">
+                                                            Pintu Masuk
-                                                {{ $data->gateIn }} (Gate : {{ $data->id_pintu_masuk }})
+                                                        </div>
-                                            </p>
+                                                        <div class="col-md-8 text-md-right">
+                                                            @if ($data)
+                                                                {{ $data->gateIn }} 
+                                                                <span class="text-muted">(Gate : {{ $data->id_pintu_masuk }})</span>
+                                                             @else
+                                                                Not Detected
+                                                            @endif    
+                                                        </div>
                                                     </div>
 
+                                                    <div class="row">
+                                                        <div class="col-md-4 font-weight-bold">
+                                                            Kendaraan terbaca :
+                                                        </div>
+                                                        <div class="col-md-8 text-md-right">
+                                                            @if ($data)
+                                                                <span class="text-muted"> <strong>{{ $data->vehiclename }}</strong></span>
+                                                            @else
+                                                                Not Detected
+                                                            @endif
+                                                        </div>
+                                                    </div>
+
+                                                </div>
+
+                                                {{-- Ubah Kendaraan --}}
                                                 <div class="form-group">
-                                            <label class="font-weight-bold">Ubah Jenis Kendaraan Menjadi:</label>
+                                                    <label class="font-weight-bold">
-                                            <select name="id_kendaraan_baru" class="form-control shadow-sm" required>
+                                                        Ubah Jenis Kendaraan
-                                                <option value="" disabled selected>-- Pilih Jenis Kendaraan --</option>
+                                                    </label>
+                                                    {{-- {{ json_encode($vehicle) }} --}}
+                                                    @if ($data)
+                                                        <select name="id_kendaraan_baru"  class="form-control shadow-sm rounded"  required>
+                                                            <option value="" disabled>-- Pilih Jenis Kendaraan --</option>
                                                             @foreach ($vehicle as $kendaraan)
-                                                    <option value="{{ $kendaraan->id }}" {{ $data->id_kendaraan == $kendaraan->id ? 'selected' : '' }}>
+                                                            <option value="{{ $kendaraan->id }}"> {{ $kendaraan->nama }}</option>
-                                                        {{ $kendaraan->nama }}
-                                                    </option>
                                                             @endforeach
                                                         </select>
+                                                    @else
+                                                                Not Detected
+                                                            @endif
                                                 </div>
 
-                                        <div class="row mt-4">
+                                                {{-- Tombol --}}
-                                            <div class="col-12">
+                                                <div class="d-flex justify-content-end gap-2 mt-4">
-                                                <button type="submit" class="btn btn-primary btn-block shadow">Simpan Perubahan</button>
+                                                    <a href="{{ route('apps.index') }}" 
-                                                <a href="{{ route('apps.index') }}" class="btn btn-light btn-block">Batal</a>
+                                                    class="btn btn-outline-secondary px-4">
-                                            </div>
+                                                    Batal
+                                                    </a>
+
+                                                    <button type="submit" 
+                                                            class="btn btn-primary px-4 shadow-sm">
+                                                            Simpan Perubahan
+                                                    </button>
                                                 </div>
+
                                             </form>
-                                @else
+                                        </div>
+                                    </div>
+                                {{-- @else
                                     <h1>Halaman Utama Apps</h1>
                                     <p>Ini adalah tampilan standar ketika tidak ada ID yang dipilih.</p>
-                                @endif
+                                @endif --}}
                             </div>
                         </div>
                     </div>
@@ -128,9 +206,32 @@
 @endsection
 
 @section('javascript')
-    <script>
+    <script src="https://unpkg.com/html5-qrcode"></script>
-        $(document).ready(function () {
 
+    <script>
+        function onScanSuccess(decodedText) {
+            document.getElementById('barcode_result').value = decodedText;
+
+            // Optional: auto kirim ke server
+            fetch("{{ route('apps.scan') }}", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
+                },
+                body: JSON.stringify({ code: decodedText })
+            })
+            .then(res => res.json())
+            .then(data => {
+                console.log(data);
             });
+        }
+
+        let html5QrcodeScanner = new Html5QrcodeScanner(
+            "reader", 
+            { fps: 10, qrbox: 250 }
+        );
+
+        html5QrcodeScanner.render(onScanSuccess);
     </script>
 @endsection

resources/views/dashboard.blade.php

@@ -9,7 +9,7 @@
 						<div class="col-sm-6 mb-4 mb-xl-0">
 							<div class="d-lg-flex align-items-center">
 								<div>
-									<h3 class="text-dark font-weight-bold mb-2">Hi, welcome back!</h3>
+									<h3 class="text-dark font-weight-bold mb-2">Hi, {{ Auth::user()->nama }} welcome back!</h3>
 									<h6 class="font-weight-normal mb-2">Last login was 23 hours ago. View details</h6>
 								</div>
 								<div class="ms-lg-5 d-lg-flex d-none">

resources/views/layouts/applications.blade.php

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link rel="stylesheet" href="{{ mix('css/member.css') }}">
+    </head>
+    <body>
+        @yield('content')
+    </body>
+</html>

resources/views/layouts/apps.blade.php

@@ -25,7 +25,8 @@
                 <nav class="navbar top-navbar col-lg-12 col-12 p-0">
                     <div class="container-fluid">
                         <div class="navbar-menu-wrapper d-flex align-items-center justify-content-between">
-                            <ul class="navbar-nav navbar-nav-left">\<li class="nav-item dropdown">
+                            <ul class="navbar-nav navbar-nav-left">
+                                {{-- <li class="nav-item dropdown">
                                     <a class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center" id="notificationDropdown" href="#" data-bs-toggle="dropdown">
                                         <i class="mdi mdi-bell mx-0"></i>
                                         <span class="count bg-success">2</span>
@@ -49,16 +50,16 @@
                                 </li>
                                 <li class="nav-item dropdown">
                                     <a href="#" class="nav-link count-indicator "><i class="mdi mdi-message-reply-text"></i></a>
-                                </li>
+                                </li> --}}
                             </ul>
                             <ul class="navbar-nav navbar-nav-right">
                                 <li class="nav-item nav-profile dropdown">
-                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" id="profileDropdown">
+                                    <a class="nav-link" href="/login" id="profileDropdown">
-                                        <span class="nav-profile-name">Johnson</span>
+                                        <span class="nav-profile-name">Login</span>
-                                        <span class="online-status"></span>
+                                        {{-- <span class="online-status"></span> --}}
-                                        <img src="../../images/faces/face28.png" alt="profile"/>
+                                        {{-- <img src="../../images/faces/face28.png" alt="profile"/> --}}
                                     </a>
-                                    <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
+                                    {{-- <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
                                         <a class="dropdown-item">
                                             <i class="mdi mdi-settings text-primary"></i>
                                             Settings
@@ -67,7 +68,7 @@
                                             <i class="mdi mdi-logout text-primary"></i>
                                             Logout
                                         </a>
-                                    </div>
+                                    </div> --}}
                                 </li>
                             </ul>
                         </div>

resources/views/layouts/guest.blade.php

@@ -26,7 +26,7 @@
 	<title>All New Manufacture - {{ $locationSettings->namaperusahaan }}</title>
 	
 	<!-- Favicon icon -->
-	<link rel="shortcut icon" type="image/png" href="{{asset('images/favicon.png') }}">
+	<link rel="shortcut icon" type="image/png" href="{{asset('images/logo.ico') }}">
     <link href="{{asset('vendor/bootstrap-select/dist/css/bootstrap-select.min.css') }}" rel="stylesheet">
     <link class="main-css" href="{{asset('css/style.css') }}" rel="stylesheet">
 

resources/views/layouts/partial/horizontal-menu.blade.php

@@ -33,6 +33,7 @@
                                 </a>
                                 <div class="submenu">
                                     <ul>
+                                        <li class="nav-item"><a class="nav-link" href="/report/laporan-per-pintu">Teransaksi Per Pintu</a></li>
                                         <li class="nav-item"><a class="nav-link" href="/report/laporan-semua-transaksi">Transaksi Harian</a></li>
                                         <li class="nav-item"><a class="nav-link" href="/report/stiker/harian">Member Harian</a></li>
                                     </ul>
@@ -112,7 +113,7 @@
                         <ul class="navbar-nav navbar-nav-right">
                             <li class="nav-item nav-profile dropdown">
                                 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" id="profileDropdown">
-                                    <span class="nav-profile-name">{{ Auth::user()->nama }}</span>
+                                    <span class="nav-profile-name">{{ Auth::user()->username ?? '' }}</span>
                                     <span class="online-status"></span>
                                     <img src="{{ asset('images/faces/face28.png') }}" alt="profile"/>
                                 </a>

resources/views/report/by-gate.blade.php

@@ -0,0 +1,23 @@
+@extends('layouts.master')
+
+@section('styles')
+@endsection
+
+@section('content')
+    <div class="container-fluid page-body-wrapper">
+        <div class="main-panel">
+            <div class="content-wrapper">
+                <div class="row">
+                    <div class="col-md-12 grid-margin stretch-card">
+                        <div class="card">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
+
+@section('javascript')
+    
+@endsection

resources/views/report/stiker/stiker-harian.blade.php

@@ -59,14 +59,14 @@
                                                     </div>
                                                 </div>
                                                 <div class="col-sm-2">
-                                                    <div class="d-flex gap-2">
+                                                    <div class="mt-1">
                                                         <select id="jenisLangganan" class="form-control js-example-basic-multiple" data-placeholder="Jenis Langganan : (SEMUA)" multiple="multiple">
                                                             @foreach ($filterSelect['jenisLangganan'] as $jenisLangganan )
                                                                 <option value="{{ $jenisLangganan->id }}">{{ $jenisLangganan->nama }}</option>
                                                             @endforeach
                                                         </select>
                                                     </div>
-                                                    <div class="mt-3">
+                                                    <div class="mt-4">
                                                         <select id="jenisStiker" class="form-control js-example-basic-multiple" data-placeholder="Jenis Stiker : (SEMUA)" multiple="multiple">
                                                             @foreach ($filterSelect['jenisStiker'] as $jStiker )
                                                                 <option value="{{ $jStiker->kode }}">{{ $jStiker->nama }}</option>
@@ -74,16 +74,18 @@
                                                         </select>
                                                     </div>
                                                 </div>
-                                                <div class="col-sm-1"> 
+                                                <div class="col-sm-1 d-flex justify-content-center align-items-center">
-                                                    <div class="form-group">
+                                                    <button type="button" id="btnProses" 
-                                                        <button type="button" id="btnProses" class="btn btn-outline-secondary btn-lg btn-block">Proses</button>
+                                                        class="btn btn-light btn-lg w-100">
-                                                    </div>
+                                                        Proses
+                                                    </button>
                                                 </div>
                                                 <div class="col-sm-1"> 
                                                 </div>
                                                 <div class="col-sm-2"> 
                                                     <div class="form-group">
-                                                        <p>Jumlah pendapatan : </p> <h3 id="pendapatan"></h3>
+                                                        <p>Jumlah Pendapatan : </p> <h3 id="pendapatan"></h3><br>
+                                                        <p>Jumlah Transaksi : </p> <h3 id="pendapatan"></h3>
                                                     </div>
                                                 </div>
                                                 <div class="col-sm-1"> 

routes/web.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\Apps\Memberin\SelfMemberinController;
 use Illuminate\Support\Facades\Route;
 use Illuminate\Support\Facades\Auth;
 use App\Http\Controllers\Apps\ModifiedTransaksi;
@@ -34,6 +35,9 @@
 Route::get('/', [SetupController::class, 'index']);
 Route::post('/setup/run', [SetupController::class, 'run'])->name('setup.run');
 Route::resource('/apps', ModifiedTransaksi::class);
+Route::post('/scan', [ModifiedTransaksi::class, 'scan'])->name('apps.scan');
+
+Route::resource('memberin', SelfMemberinController::class);
 
 
 Auth::routes();
@@ -49,6 +53,8 @@
     Route::prefix('report')->group(function () {
         Route::get('/laporan-semua-transaksi', [ReportTransaksiController::class, 'allReport']);
         Route::get('/laporan-semua-transaksi/data', [ReportTransaksiController::class, 'allReportData'])->name('getData');
+        Route::get('/laporan-per-pintu', [ReportTransaksiController::class, 'byGate']);
+        Route::get('/laporan-per-pintu/data', [ReportTransaksiController::class, 'gateData'])->name('gateData');
 
         Route::prefix('stiker')->group(function () {
             Route::get('/harian', [LaporanStiker::class, 'laporanStikerHarian']);

tailwind.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  content: [
+    "./resources/**/*.blade.php",
+    "./resources/**/*.js",
+  ],
+  corePlugins: {
+    preflight: false, // supaya tidak reset bootstrap
+  },
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: [
+                'resources/css/app.css',
+                'resources/css/member.css', // tambahkan ini
+                'resources/js/app.js',
+            ],
+            refresh: true,
+        }),
+    ],
+});

webpack.mix.js

@@ -11,7 +11,21 @@ const mix = require('laravel-mix');
  |
  */
 
+// mix.js('resources/js/app.js', 'public/js')
+//     .postCss('resources/css/app.css', 'public/css', [
+//         require('tailwindcss'),
+//         require('autoprefixer'),
+//     ]);
+
 mix.js('resources/js/app.js', 'public/js')
+
+   // CSS lama (kalau ada)
    .postCss('resources/css/app.css', 'public/css', [
-        //
+       require('autoprefixer'),
+   ])
+
+   // Tambahin ini untuk Tailwind
+   .postCss('resources/css/member.css', 'public/css', [
+       require('tailwindcss'),
+       require('autoprefixer'),
    ]);