From 0e8166a7ff9103fb87ba54bab276445238081e67 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 10 Jun 2026 23:48:49 +0700
Subject: [PATCH] Add cash management features including CashAccount and
 CashTransaction models, CashController for handling transactions, and
 corresponding requests for validation. Implement permissions in the
 Permission and Role enums, and update routes for cash operations. Enhance UI
 components for cash transaction management, including a data table and form
 modal. Update sidebar for cash navigation.

---
 app/Enums/Permission.php                      |  11 +
 app/Enums/Role.php                            |   8 +
 .../Admin/Finance/CashController.php          |  64 ++++++
 .../Admin/Finance/DepositCashRequest.php      |  22 ++
 .../Finance/UpdateCashTransactionRequest.php  |  25 +++
 app/Models/CashAccount.php                    |  33 +++
 app/Models/CashTransaction.php                | 112 +++++++++
 app/Models/User.php                           |   6 +
 app/Services/Finance/CashService.php          | 212 ++++++++++++++++++
 ...6_10_120001_create_cash_accounts_table.php |  29 +++
 ..._120002_create_cash_transactions_table.php |  32 +++
 ..._140001_change_cash_amounts_to_integer.php |  32 +++
 database/seeders/CashAccountSeeder.php        |  19 ++
 database/seeders/DatabaseSeeder.php           |   1 +
 resources/js/components/AppSidebar.vue        |  18 +-
 .../finance/cash/CashTransactionFormModal.vue | 132 +++++++++++
 .../components/admin/finance/cash/columns.ts  |  75 +++++++
 .../admin/finance/cash/data-table-actions.vue |  75 +++++++
 .../js/pages/admin/finance/cash/Index.vue     | 127 +++++++++++
 resources/js/types/cash.ts                    |  38 ++++
 routes/web.php                                |  21 ++
 21 files changed, 1091 insertions(+), 1 deletion(-)
 create mode 100644 app/Http/Controllers/Admin/Finance/CashController.php
 create mode 100644 app/Http/Requests/Admin/Finance/DepositCashRequest.php
 create mode 100644 app/Http/Requests/Admin/Finance/UpdateCashTransactionRequest.php
 create mode 100644 app/Models/CashAccount.php
 create mode 100644 app/Models/CashTransaction.php
 create mode 100644 app/Services/Finance/CashService.php
 create mode 100644 database/migrations/2026_06_10_120001_create_cash_accounts_table.php
 create mode 100644 database/migrations/2026_06_10_120002_create_cash_transactions_table.php
 create mode 100644 database/migrations/2026_06_10_140001_change_cash_amounts_to_integer.php
 create mode 100644 database/seeders/CashAccountSeeder.php
 create mode 100644 resources/js/components/admin/finance/cash/CashTransactionFormModal.vue
 create mode 100644 resources/js/components/admin/finance/cash/columns.ts
 create mode 100644 resources/js/components/admin/finance/cash/data-table-actions.vue
 create mode 100644 resources/js/pages/admin/finance/cash/Index.vue
 create mode 100644 resources/js/types/cash.ts

diff --git a/app/Enums/Permission.php b/app/Enums/Permission.php
index 6616f28..e572732 100644
--- a/app/Enums/Permission.php
+++ b/app/Enums/Permission.php
@@ -44,6 +44,11 @@ enum Permission: string
     case RAW_MATERIALS_DELETE = 'raw-materials.delete';
     case RAW_MATERIALS_TOGGLE_STATUS = 'raw-materials.toggle-status';
 
+    case CASH_VIEW = 'cash.view';
+    case CASH_DEPOSIT = 'cash.deposit';
+    case CASH_UPDATE = 'cash.update';
+    case CASH_DELETE = 'cash.delete';
+
     public function label(): string
     {
         return match ($this) {
@@ -82,6 +87,11 @@ public function label(): string
             self::RAW_MATERIALS_UPDATE => 'Ubah Bahan Baku',
             self::RAW_MATERIALS_DELETE => 'Hapus Bahan Baku',
             self::RAW_MATERIALS_TOGGLE_STATUS => 'Ubah Status Bahan Baku',
+
+            self::CASH_VIEW => 'Lihat Kas',
+            self::CASH_DEPOSIT => 'Setor Kas',
+            self::CASH_UPDATE => 'Ubah Setor Kas',
+            self::CASH_DELETE => 'Hapus Setor Kas',
         };
     }
 
@@ -101,6 +111,7 @@ public function group(): string
             self::PRODUCTS_DELETE, self::PRODUCTS_TOGGLE_STATUS => 'Produk',
             self::RAW_MATERIALS_VIEW, self::RAW_MATERIALS_CREATE, self::RAW_MATERIALS_UPDATE,
             self::RAW_MATERIALS_DELETE, self::RAW_MATERIALS_TOGGLE_STATUS => 'Bahan Baku',
+            self::CASH_VIEW, self::CASH_DEPOSIT, self::CASH_UPDATE, self::CASH_DELETE => 'Kas',
         };
     }
 
diff --git a/app/Enums/Role.php b/app/Enums/Role.php
index ca31ec0..812db5a 100644
--- a/app/Enums/Role.php
+++ b/app/Enums/Role.php
@@ -66,6 +66,10 @@ public function permissions(): array
                 Permission::RAW_MATERIALS_UPDATE,
                 Permission::RAW_MATERIALS_DELETE,
                 Permission::RAW_MATERIALS_TOGGLE_STATUS,
+                Permission::CASH_VIEW,
+                Permission::CASH_DEPOSIT,
+                Permission::CASH_UPDATE,
+                Permission::CASH_DELETE,
             ],
             self::ADMIN_TOKO => [
                 Permission::DASHBOARD_VIEW,
@@ -91,6 +95,10 @@ public function permissions(): array
                 Permission::PRODUCTS_UPDATE,
                 Permission::PRODUCTS_DELETE,
                 Permission::PRODUCTS_TOGGLE_STATUS,
+                Permission::CASH_VIEW,
+                Permission::CASH_DEPOSIT,
+                Permission::CASH_UPDATE,
+                Permission::CASH_DELETE,
             ],
             self::ADMIN_BAHAN_BAKU => [
                 Permission::DASHBOARD_VIEW,
diff --git a/app/Http/Controllers/Admin/Finance/CashController.php b/app/Http/Controllers/Admin/Finance/CashController.php
new file mode 100644
index 0000000..0cd52e3
--- /dev/null
+++ b/app/Http/Controllers/Admin/Finance/CashController.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace App\Http\Controllers\Admin\Finance;
+
+use App\Http\Controllers\Concerns\ParsesDataTableQuery;
+use App\Http\Controllers\Controller;
+use App\Http\Requests\Admin\Finance\DepositCashRequest;
+use App\Http\Requests\Admin\Finance\UpdateCashTransactionRequest;
+use App\Models\CashTransaction;
+use App\Services\Finance\CashService;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class CashController extends Controller
+{
+    use ParsesDataTableQuery;
+
+    public function __construct(
+        private readonly CashService $cashService,
+    ) {}
+
+    public function index(Request $request): Response
+    {
+        $tableQuery = $this->parseDataTableQuery($request);
+        $cashAccount = $this->cashService->getDefaultAccount();
+
+        return Inertia::render('admin/finance/cash/Index', [
+            'cashAccount' => $cashAccount,
+            'transactions' => $this->cashService->paginateForIndex($cashAccount, $tableQuery),
+            'filters' => $this->dataTableFilters($tableQuery),
+        ]);
+    }
+
+    public function deposit(DepositCashRequest $request): RedirectResponse
+    {
+        $cashAccount = $this->cashService->getDefaultAccount();
+
+        $this->cashService->deposit($cashAccount, $request->validated(), $request->user());
+
+        Inertia::flash('success', 'Setor kas berhasil dicatat.');
+
+        return redirect()->route('admin.finance.cash.index');
+    }
+
+    public function update(UpdateCashTransactionRequest $request, CashTransaction $cashTransaction): RedirectResponse
+    {
+        $this->cashService->updateDeposit($cashTransaction, $request->validated());
+
+        Inertia::flash('success', 'Setor kas berhasil diperbarui.');
+
+        return redirect()->route('admin.finance.cash.index');
+    }
+
+    public function destroy(CashTransaction $cashTransaction): RedirectResponse
+    {
+        $this->cashService->deleteTransaction($cashTransaction);
+
+        Inertia::flash('success', 'Setor kas berhasil dihapus.');
+
+        return redirect()->route('admin.finance.cash.index');
+    }
+}
diff --git a/app/Http/Requests/Admin/Finance/DepositCashRequest.php b/app/Http/Requests/Admin/Finance/DepositCashRequest.php
new file mode 100644
index 0000000..9623fe0
--- /dev/null
+++ b/app/Http/Requests/Admin/Finance/DepositCashRequest.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Requests\Admin\Finance;
+
+use App\Enums\Permission;
+use Illuminate\Foundation\Http\FormRequest;
+
+class DepositCashRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return $this->user()?->can(Permission::CASH_DEPOSIT->value) ?? false;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'amount' => ['required', 'integer', 'min:1'],
+            'description' => ['required', 'string', 'max:200'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/Admin/Finance/UpdateCashTransactionRequest.php b/app/Http/Requests/Admin/Finance/UpdateCashTransactionRequest.php
new file mode 100644
index 0000000..0a326a0
--- /dev/null
+++ b/app/Http/Requests/Admin/Finance/UpdateCashTransactionRequest.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Requests\Admin\Finance;
+
+use App\Enums\Permission;
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateCashTransactionRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        $transaction = $this->route('cashTransaction');
+
+        return $this->user()?->can(Permission::CASH_UPDATE->value)
+            && $transaction?->reference_type === null;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'amount' => ['required', 'integer', 'min:1'],
+            'description' => ['required', 'string', 'max:200'],
+        ];
+    }
+}
diff --git a/app/Models/CashAccount.php b/app/Models/CashAccount.php
new file mode 100644
index 0000000..a252f4c
--- /dev/null
+++ b/app/Models/CashAccount.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Attributes\Appends;
+use Illuminate\Database\Eloquent\Attributes\Guarded;
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+#[Guarded(['id'])]
+#[Appends(['balance_formatted'])]
+class CashAccount extends Model
+{
+    protected function casts(): array
+    {
+        return [
+            'balance' => 'integer',
+        ];
+    }
+
+    public function balanceFormatted(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => 'Rp '.number_format($this->balance, 0, ',', '.'),
+        );
+    }
+
+    public function transactions(): HasMany
+    {
+        return $this->hasMany(CashTransaction::class);
+    }
+}
diff --git a/app/Models/CashTransaction.php b/app/Models/CashTransaction.php
new file mode 100644
index 0000000..a86fbaa
--- /dev/null
+++ b/app/Models/CashTransaction.php
@@ -0,0 +1,112 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Attributes\Appends;
+use Illuminate\Database\Eloquent\Attributes\Guarded;
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\MorphTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+#[Guarded(['id'])]
+#[Appends([
+    'amount_formatted',
+    'balance_after_formatted',
+    'reference_label',
+    'is_incoming',
+    'created_at_formatted',
+    'created_by_name',
+])]
+class CashTransaction extends Model
+{
+    use SoftDeletes;
+
+    protected function casts(): array
+    {
+        return [
+            'amount' => 'integer',
+            'balance_after' => 'integer',
+        ];
+    }
+
+    public function amountFormatted(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => 'Rp '.number_format($this->amount, 0, ',', '.'),
+        );
+    }
+
+    public function balanceAfterFormatted(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => 'Rp '.number_format($this->balance_after, 0, ',', '.'),
+        );
+    }
+
+    public function referenceLabel(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => self::labelForReferenceType($this->reference_type),
+        );
+    }
+
+    public function isIncoming(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => self::isIncomingReference($this->reference_type),
+        );
+    }
+
+    public function createdAtFormatted(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => $this->created_at?->translatedFormat('l, d F Y H:i'),
+        );
+    }
+
+    public function createdByName(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => $this->createdBy?->profile?->full_name ?? $this->createdBy?->username,
+        );
+    }
+
+    public static function labelForReferenceType(?string $referenceType): string
+    {
+        if ($referenceType === null) {
+            return 'Setor Kas';
+        }
+
+        return match ($referenceType) {
+            default => class_basename($referenceType),
+        };
+    }
+
+    public static function isIncomingReference(?string $referenceType): bool
+    {
+        if ($referenceType === null) {
+            return true;
+        }
+
+        return match ($referenceType) {
+            default => false,
+        };
+    }
+
+    public function cashAccount(): BelongsTo
+    {
+        return $this->belongsTo(CashAccount::class);
+    }
+
+    public function createdBy(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'created_by_id');
+    }
+
+    public function reference(): MorphTo
+    {
+        return $this->morphTo();
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 941a389..99af3a2 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -10,6 +10,7 @@
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Relations\HasOne;
 use Illuminate\Database\Eloquent\SoftDeletes;
 use Illuminate\Foundation\Auth\User as Authenticatable;
@@ -64,4 +65,9 @@ public function employee(): HasOne
     {
         return $this->hasOne(Employee::class);
     }
+
+    public function cashTransactions(): HasMany
+    {
+        return $this->hasMany(CashTransaction::class, 'created_by_id');
+    }
 }
diff --git a/app/Services/Finance/CashService.php b/app/Services/Finance/CashService.php
new file mode 100644
index 0000000..1112bd5
--- /dev/null
+++ b/app/Services/Finance/CashService.php
@@ -0,0 +1,212 @@
+<?php
+
+namespace App\Services\Finance;
+
+use App\Models\CashAccount;
+use App\Models\CashTransaction;
+use App\Models\User;
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Validation\ValidationException;
+
+class CashService
+{
+    public function getDefaultAccount(): CashAccount
+    {
+        return CashAccount::query()->firstOrFail();
+    }
+
+    /**
+     * @param  array{search: string, sort: string, direction: 'asc'|'desc'}  $tableQuery
+     */
+    public function paginateForIndex(CashAccount $cashAccount, array $tableQuery): LengthAwarePaginator
+    {
+        $query = CashTransaction::query()
+            ->with(['createdBy.profile', 'reference'])
+            ->where('cash_account_id', $cashAccount->id)
+            ->when($tableQuery['search'] !== '', function (Builder $query) use ($tableQuery): void {
+                $search = $tableQuery['search'];
+                $query->where(function (Builder $query) use ($search): void {
+                    $query->where('description', 'like', "%{$search}%");
+                });
+            });
+
+        $this->applySorting($query, $tableQuery['sort'], $tableQuery['direction']);
+
+        return $query
+            ->paginate(10)
+            ->withQueryString();
+    }
+
+    /**
+     * @param  array{amount: int, description: string}  $validated
+     */
+    public function deposit(CashAccount $cashAccount, array $validated, User $user): CashTransaction
+    {
+        return DB::transaction(function () use ($cashAccount, $validated, $user): CashTransaction {
+            $account = CashAccount::query()->lockForUpdate()->findOrFail($cashAccount->id);
+            $amount = (int) $validated['amount'];
+            $newBalance = $account->balance + $amount;
+
+            $account->balance = $newBalance;
+            $account->save();
+
+            return CashTransaction::create([
+                'cash_account_id' => $account->id,
+                'amount' => $amount,
+                'balance_after' => $newBalance,
+                'description' => $validated['description'],
+                'created_by_id' => $user->id,
+            ]);
+        });
+    }
+
+    public function recordOutgoing(
+        Model $reference,
+        int $amount,
+        string $description,
+        User $user,
+        ?CashAccount $cashAccount = null,
+    ): CashTransaction {
+        return DB::transaction(function () use ($reference, $amount, $description, $user, $cashAccount): CashTransaction {
+            $account = CashAccount::query()->lockForUpdate()->findOrFail(
+                ($cashAccount ?? $this->getDefaultAccount())->id,
+            );
+
+            if ($account->balance < $amount) {
+                throw ValidationException::withMessages([
+                    'amount' => 'Saldo kas tidak mencukupi.',
+                ]);
+            }
+
+            $newBalance = $account->balance - $amount;
+
+            $account->balance = $newBalance;
+            $account->save();
+
+            $transaction = new CashTransaction([
+                'cash_account_id' => $account->id,
+                'amount' => $amount,
+                'balance_after' => $newBalance,
+                'description' => $description,
+                'created_by_id' => $user->id,
+            ]);
+
+            $transaction->reference()->associate($reference);
+            $transaction->save();
+
+            return $transaction;
+        });
+    }
+
+    public function recordIncoming(
+        Model $reference,
+        int $amount,
+        string $description,
+        User $user,
+        ?CashAccount $cashAccount = null,
+    ): CashTransaction {
+        return DB::transaction(function () use ($reference, $amount, $description, $user, $cashAccount): CashTransaction {
+            $account = CashAccount::query()->lockForUpdate()->findOrFail(
+                ($cashAccount ?? $this->getDefaultAccount())->id,
+            );
+
+            $newBalance = $account->balance + $amount;
+
+            $account->balance = $newBalance;
+            $account->save();
+
+            $transaction = new CashTransaction([
+                'cash_account_id' => $account->id,
+                'amount' => $amount,
+                'balance_after' => $newBalance,
+                'description' => $description,
+                'created_by_id' => $user->id,
+            ]);
+
+            $transaction->reference()->associate($reference);
+            $transaction->save();
+
+            return $transaction;
+        });
+    }
+
+    /**
+     * @param  array{amount: int, description: string}  $validated
+     */
+    public function updateDeposit(CashTransaction $transaction, array $validated): void
+    {
+        $this->ensureEditable($transaction);
+
+        DB::transaction(function () use ($transaction, $validated): void {
+            CashAccount::query()->lockForUpdate()->findOrFail($transaction->cash_account_id);
+
+            $transaction->amount = (int) $validated['amount'];
+            $transaction->description = $validated['description'];
+            $transaction->save();
+
+            $this->recalculateBalances($transaction->cashAccount);
+        });
+    }
+
+    public function deleteTransaction(CashTransaction $transaction): void
+    {
+        $this->ensureEditable($transaction);
+
+        DB::transaction(function () use ($transaction): void {
+            CashAccount::query()->lockForUpdate()->findOrFail($transaction->cash_account_id);
+
+            $transaction->delete();
+
+            $this->recalculateBalances($transaction->cashAccount);
+        });
+    }
+
+    private function ensureEditable(CashTransaction $transaction): void
+    {
+        if ($transaction->reference_type !== null) {
+            throw ValidationException::withMessages([
+                'transaction' => 'Transaksi ini tidak dapat diubah dari halaman kas.',
+            ]);
+        }
+    }
+
+    private function recalculateBalances(CashAccount $cashAccount): void
+    {
+        $account = CashAccount::query()->lockForUpdate()->findOrFail($cashAccount->id);
+        $runningBalance = 0;
+
+        $transactions = CashTransaction::query()
+            ->where('cash_account_id', $account->id)
+            ->orderBy('created_at')
+            ->orderBy('id')
+            ->get();
+
+        foreach ($transactions as $transaction) {
+            if (CashTransaction::isIncomingReference($transaction->reference_type)) {
+                $runningBalance += $transaction->amount;
+            } else {
+                $runningBalance -= $transaction->amount;
+            }
+
+            $transaction->balance_after = $runningBalance;
+            $transaction->saveQuietly();
+        }
+
+        $account->balance = $runningBalance;
+        $account->save();
+    }
+
+    private function applySorting(Builder $query, string $sort, string $direction): void
+    {
+        if (in_array($sort, ['created_at', 'amount', 'reference_type'], true)) {
+            $query->orderBy($sort, $direction);
+
+            return;
+        }
+
+        $query->latest();
+    }
+}
diff --git a/database/migrations/2026_06_10_120001_create_cash_accounts_table.php b/database/migrations/2026_06_10_120001_create_cash_accounts_table.php
new file mode 100644
index 0000000..6fb03e4
--- /dev/null
+++ b/database/migrations/2026_06_10_120001_create_cash_accounts_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('cash_accounts', function (Blueprint $table) {
+            $table->id();
+
+            $table->foreignId('created_by_id')->constrained('users')->restrictOnDelete();
+
+            $table->string('name', 200);
+            $table->unsignedBigInteger('balance')->default(0);
+
+            $table->timestamp('created_at')->useCurrent();
+            $table->timestamp('updated_at')->useCurrent()->useCurrentOnUpdate();
+            $table->softDeletes();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('cash_accounts');
+    }
+};
diff --git a/database/migrations/2026_06_10_120002_create_cash_transactions_table.php b/database/migrations/2026_06_10_120002_create_cash_transactions_table.php
new file mode 100644
index 0000000..b586203
--- /dev/null
+++ b/database/migrations/2026_06_10_120002_create_cash_transactions_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('cash_transactions', function (Blueprint $table) {
+            $table->id();
+
+            $table->foreignId('cash_account_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('created_by_id')->constrained('users')->restrictOnDelete();
+
+            $table->nullableMorphs('reference');
+            $table->unsignedBigInteger('amount');
+            $table->unsignedBigInteger('balance_after');
+            $table->string('description', 200);
+
+            $table->timestamp('created_at')->useCurrent();
+            $table->timestamp('updated_at')->useCurrent()->useCurrentOnUpdate();
+            $table->softDeletes();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('cash_transactions');
+    }
+};
diff --git a/database/migrations/2026_06_10_140001_change_cash_amounts_to_integer.php b/database/migrations/2026_06_10_140001_change_cash_amounts_to_integer.php
new file mode 100644
index 0000000..9a6c66c
--- /dev/null
+++ b/database/migrations/2026_06_10_140001_change_cash_amounts_to_integer.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('cash_accounts', function (Blueprint $table) {
+            $table->unsignedBigInteger('balance')->default(0)->change();
+        });
+
+        Schema::table('cash_transactions', function (Blueprint $table) {
+            $table->unsignedBigInteger('amount')->change();
+            $table->unsignedBigInteger('balance_after')->change();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('cash_accounts', function (Blueprint $table) {
+            $table->decimal('balance', 18, 2)->default(0)->change();
+        });
+
+        Schema::table('cash_transactions', function (Blueprint $table) {
+            $table->decimal('amount', 18, 2)->change();
+            $table->decimal('balance_after', 18, 2)->change();
+        });
+    }
+};
diff --git a/database/seeders/CashAccountSeeder.php b/database/seeders/CashAccountSeeder.php
new file mode 100644
index 0000000..d84e738
--- /dev/null
+++ b/database/seeders/CashAccountSeeder.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\CashAccount;
+use App\Models\User;
+use Illuminate\Database\Seeder;
+
+class CashAccountSeeder extends Seeder
+{
+    public function run(): void
+    {
+        CashAccount::firstOrCreate(
+            ['created_by_id' => User::first()->id],
+            ['name' => 'Kas Toko'],
+            ['balance' => 0],
+        );
+    }
+}
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index e6bb69a..c62867c 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -22,6 +22,7 @@ public function run(): void
             RawMaterialSeeder::class,
             SupplierSeeder::class,
             CustomerSeeder::class,
+            CashAccountSeeder::class,
         ]);
     }
 }
diff --git a/resources/js/components/AppSidebar.vue b/resources/js/components/AppSidebar.vue
index 22bd723..c0c6f7a 100644
--- a/resources/js/components/AppSidebar.vue
+++ b/resources/js/components/AppSidebar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Link, usePage } from '@inertiajs/vue3';
-import { FolderTree, Layers, LayoutDashboard, Package, User, UserCheck, Users } from '@lucide/vue';
+import { FolderTree, Layers, LayoutDashboard, Package, User, UserCheck, Users, Wallet } from '@lucide/vue';
 import { computed } from 'vue';
 import {
     Sidebar,
@@ -26,6 +26,7 @@ const isProductsActive = computed(() => page.url.startsWith('/admin/master/produ
 const isRawMaterialsActive = computed(() => page.url.startsWith('/admin/master/raw-materials'));
 const isSuppliersActive = computed(() => page.url.startsWith('/admin/master/suppliers'));
 const isCustomersActive = computed(() => page.url.startsWith('/admin/master/customers'));
+const isCashActive = computed(() => page.url.startsWith('/admin/finance/cash'));
 const showMasterMenu = computed(() => (
     can('categories.view') || can('products.view') || can('raw-materials.view')
     || can('suppliers.view') || can('customers.view')
@@ -110,6 +111,21 @@ const showMasterMenu = computed(() => (
                     </SidebarMenu>
                 </SidebarGroupContent>
             </SidebarGroup>
+            <SidebarGroup>
+                <SidebarGroupLabel>Keuangan</SidebarGroupLabel>
+                <SidebarGroupContent>
+                    <SidebarMenu>
+                        <SidebarMenuItem v-if="can('cash.view')">
+                            <SidebarMenuButton as-child tooltip="Kas Toko" :is-active="isCashActive">
+                                <Link href="/admin/finance/cash">
+                                    <Wallet />
+                                    <span>Kas Toko</span>
+                                </Link>
+                            </SidebarMenuButton>
+                        </SidebarMenuItem>
+                    </SidebarMenu>
+                </SidebarGroupContent>
+            </SidebarGroup>
             <SidebarGroup v-if="can('employees.view')">
                 <SidebarGroupLabel>HR</SidebarGroupLabel>
                 <SidebarGroupContent>
diff --git a/resources/js/components/admin/finance/cash/CashTransactionFormModal.vue b/resources/js/components/admin/finance/cash/CashTransactionFormModal.vue
new file mode 100644
index 0000000..1c705bf
--- /dev/null
+++ b/resources/js/components/admin/finance/cash/CashTransactionFormModal.vue
@@ -0,0 +1,132 @@
+<script setup lang="ts">
+import { useForm } from '@inertiajs/vue3';
+import { Save } from '@lucide/vue';
+import { computed, watch } from 'vue';
+import { toast } from 'vue-sonner';
+import { Button } from '@/components/ui/button';
+import {
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+} from '@/components/ui/dialog';
+import {
+    Field,
+    FieldError,
+    FieldGroup,
+    FieldLabel,
+    FieldSet,
+} from '@/components/ui/field';
+import { RupiahInput } from '@/components/ui/rupiah-input';
+import { Textarea } from '@/components/ui/textarea';
+import { parseRupiah } from '@/lib/rupiah';
+import type { CashTransactionFormData, CashTransactionListItem } from '@/types/cash';
+
+const open = defineModel<boolean>('open', { default: false });
+
+const props = defineProps<{
+    transaction?: CashTransactionListItem | null;
+}>();
+
+const isEditing = computed(() => props.transaction != null);
+
+const form = useForm<CashTransactionFormData>({
+    amount: '',
+    description: '',
+});
+
+function resetForm() {
+    form.reset();
+    form.clearErrors();
+}
+
+function populateForm(transaction: CashTransactionListItem | null | undefined) {
+    resetForm();
+
+    if (!transaction) {
+        return;
+    }
+
+    form.amount = String(transaction.amount);
+    form.description = transaction.description;
+}
+
+watch(
+    () => props.transaction,
+    (transaction) => {
+        populateForm(transaction);
+    },
+);
+
+watch(open, (isOpen) => {
+    if (isOpen) {
+        populateForm(props.transaction);
+    } else {
+        resetForm();
+    }
+});
+
+function submit() {
+    const options = {
+        preserveScroll: true,
+        onSuccess: () => {
+            open.value = false;
+        },
+        onError: () => {
+            toast.error(isEditing.value
+                ? 'Gagal memperbarui setor kas. Periksa kembali formulir.'
+                : 'Gagal mencatat setor kas. Periksa kembali formulir.');
+        },
+    };
+
+    form.transform((data) => ({
+        ...data,
+        amount: parseRupiah(data.amount),
+    }));
+
+    if (isEditing.value && props.transaction) {
+        form.put(`/admin/finance/cash/transactions/${props.transaction.id}`, options);
+    } else {
+        form.post('/admin/finance/cash/deposit', options);
+    }
+}
+</script>
+
+<template>
+    <Dialog v-model:open="open">
+        <DialogContent class="sm:max-w-md">
+            <DialogHeader>
+                <DialogTitle>{{ isEditing ? 'Ubah Setor Kas' : 'Setor Kas' }}</DialogTitle>
+            </DialogHeader>
+
+            <form @submit.prevent="submit">
+                <FieldGroup>
+                    <FieldSet class="grid gap-4">
+                        <Field>
+                            <FieldLabel for="cash-amount" required>Jumlah</FieldLabel>
+                            <RupiahInput id="cash-amount" v-model="form.amount" autofocus />
+                            <FieldError :errors="form.errors.amount ? [form.errors.amount] : []" />
+                        </Field>
+                        <Field>
+                            <FieldLabel for="cash-description" required>Keterangan</FieldLabel>
+                            <Textarea id="cash-description" v-model="form.description"
+                                placeholder="Contoh: Setoran kas harian" rows="3" />
+                            <FieldError :errors="form.errors.description ? [form.errors.description] : []" />
+                        </Field>
+                    </FieldSet>
+                </FieldGroup>
+
+                <DialogFooter class="mt-6">
+                    <Button type="button" variant="outline" :disabled="form.processing" @click="open = false">
+                        Batal
+                    </Button>
+                    <Button type="submit" :disabled="form.processing">
+                        <Save class="size-4" />
+                        {{ form.processing ? 'Menyimpan...' : 'Simpan' }}
+                    </Button>
+                </DialogFooter>
+            </form>
+        </DialogContent>
+    </Dialog>
+</template>
diff --git a/resources/js/components/admin/finance/cash/columns.ts b/resources/js/components/admin/finance/cash/columns.ts
new file mode 100644
index 0000000..492bc91
--- /dev/null
+++ b/resources/js/components/admin/finance/cash/columns.ts
@@ -0,0 +1,75 @@
+import type { ColumnDef } from '@tanstack/vue-table';
+import { h } from 'vue';
+import DataTableActions from '@/components/admin/finance/cash/data-table-actions.vue';
+import { DataTableColumnHeader } from '@/components/data-table';
+import { Badge } from '@/components/ui/badge';
+import type { CashTransactionListItem } from '@/types/cash';
+
+export function createColumns(onEdit: (transaction: CashTransactionListItem) => void): ColumnDef<CashTransactionListItem>[] {
+    return [
+        {
+            accessorKey: 'created_at_formatted',
+            enableSorting: true,
+            header: () => h(DataTableColumnHeader, { title: 'Tanggal', column: 'created_at' }),
+        },
+        {
+            accessorKey: 'reference_label',
+            enableSorting: true,
+            header: () => h(DataTableColumnHeader, { title: 'Sumber', column: 'reference_type' }),
+            cell: ({ row }) => {
+                const isIncoming = row.original.is_incoming;
+
+                return h(
+                    Badge,
+                    { variant: isIncoming ? 'default' : 'secondary' },
+                    () => row.original.reference_label,
+                );
+            },
+        },
+        {
+            accessorKey: 'amount_formatted',
+            enableSorting: true,
+            header: () => h(DataTableColumnHeader, { title: 'Jumlah', column: 'amount' }),
+            cell: ({ row }) => {
+                const isIncoming = row.original.is_incoming;
+                const prefix = isIncoming ? '+' : '-';
+
+                return h(
+                    'span',
+                    { class: isIncoming ? 'font-medium text-green-600' : 'font-medium text-red-600' },
+                    `${prefix} ${row.original.amount_formatted}`,
+                );
+            },
+        },
+        {
+            accessorKey: 'balance_after_formatted',
+            enableSorting: false,
+            header: () => 'Saldo Setelah',
+        },
+        {
+            accessorKey: 'description',
+            enableSorting: false,
+            header: () => 'Keterangan',
+        },
+        {
+            accessorKey: 'created_by_name',
+            enableSorting: false,
+            header: () => 'Oleh',
+        },
+        {
+            id: 'actions',
+            enableSorting: false,
+            enableHiding: false,
+            cell: ({ row }) => {
+                if (row.original.reference_type !== null) {
+                    return null;
+                }
+
+                return h(DataTableActions, {
+                    transaction: row.original,
+                    onEdit: () => onEdit(row.original),
+                });
+            },
+        },
+    ];
+}
diff --git a/resources/js/components/admin/finance/cash/data-table-actions.vue b/resources/js/components/admin/finance/cash/data-table-actions.vue
new file mode 100644
index 0000000..3ccf117
--- /dev/null
+++ b/resources/js/components/admin/finance/cash/data-table-actions.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { router } from '@inertiajs/vue3';
+import { Pencil, Trash2 } from '@lucide/vue';
+import { computed, ref } from 'vue';
+import { toast } from 'vue-sonner';
+import ConfirmDialog from '@/components/ConfirmDialog.vue';
+import { Button } from '@/components/ui/button';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { useCan } from '@/composables/useCan';
+import type { CashTransactionListItem } from '@/types/cash';
+
+const props = defineProps<{
+    transaction: CashTransactionListItem;
+}>();
+
+const emit = defineEmits<{
+    edit: [transaction: CashTransactionListItem];
+}>();
+
+const { can } = useCan();
+
+const showActions = computed(() => props.transaction.reference_type === null);
+
+const deleteConfirmOpen = ref(false);
+const deleteProcessing = ref(false);
+
+function destroyTransaction() {
+    deleteProcessing.value = true;
+
+    router.delete(`/admin/finance/cash/transactions/${props.transaction.id}`, {
+        preserveScroll: true,
+        onSuccess: () => {
+            deleteConfirmOpen.value = false;
+        },
+        onError: () => {
+            toast.error('Gagal menghapus setor kas.');
+        },
+        onFinish: () => {
+            deleteProcessing.value = false;
+        },
+    });
+}
+</script>
+
+<template>
+    <template v-if="showActions">
+        <div class="flex items-center justify-end gap-1">
+            <Tooltip v-if="can('cash.update')">
+                <TooltipTrigger as-child>
+                    <Button variant="ghost" size="icon" class="size-8" @click="emit('edit', transaction)">
+                        <Pencil class="size-4" />
+                        <span class="sr-only">Ubah</span>
+                    </Button>
+                </TooltipTrigger>
+                <TooltipContent>Ubah</TooltipContent>
+            </Tooltip>
+
+            <Tooltip v-if="can('cash.delete')">
+                <TooltipTrigger as-child>
+                    <Button variant="ghost" size="icon" class="text-destructive hover:text-destructive size-8"
+                        @click="deleteConfirmOpen = true">
+                        <Trash2 class="size-4" />
+                        <span class="sr-only">Hapus</span>
+                    </Button>
+                </TooltipTrigger>
+                <TooltipContent>Hapus</TooltipContent>
+            </Tooltip>
+        </div>
+
+        <ConfirmDialog v-if="can('cash.delete')" v-model:open="deleteConfirmOpen" title="Hapus setor kas?"
+            :description="`Setor kas sebesar ${transaction.amount_formatted} akan dihapus. Saldo kas akan disesuaikan.`"
+            confirm-label="Hapus" cancel-label="Batal" destructive :loading="deleteProcessing"
+            @confirm="destroyTransaction" />
+    </template>
+</template>
diff --git a/resources/js/pages/admin/finance/cash/Index.vue b/resources/js/pages/admin/finance/cash/Index.vue
new file mode 100644
index 0000000..dd54422
--- /dev/null
+++ b/resources/js/pages/admin/finance/cash/Index.vue
@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import { Head } from '@inertiajs/vue3';
+import { ArrowDownCircle, Wallet } from '@lucide/vue';
+import { computed, ref, watch } from 'vue';
+import CashTransactionFormModal from '@/components/admin/finance/cash/CashTransactionFormModal.vue';
+import { createColumns } from '@/components/admin/finance/cash/columns';
+import { DataTable } from '@/components/data-table';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { useCan } from '@/composables/useCan';
+import { useDataTableQuery, useDataTableQuerySync } from '@/composables/useDataTableQuery';
+import AdminLayout from '@/layouts/AdminLayout.vue';
+import type { CashAccount, CashTransactionListItem, PaginatedCashTransactions } from '@/types/cash';
+import type { DataTableSort } from '@/types/data-table';
+
+const props = defineProps<{
+    cashAccount: CashAccount;
+    transactions: PaginatedCashTransactions;
+    filters: {
+        search: string;
+        sort?: string;
+        direction?: 'asc' | 'desc';
+    };
+}>();
+
+const { can } = useCan();
+const search = ref(props.filters.search ?? '');
+const formModalOpen = ref(false);
+const editingTransaction = ref<CashTransactionListItem | null>(null);
+
+const { query, setSearch, setSort, resetFilters, syncFromServer } = useDataTableQuery({
+    url: '/admin/finance/cash',
+    initial: { ...props.filters },
+});
+
+useDataTableQuerySync(() => props.filters, syncFromServer);
+
+const columns = computed(() => createColumns(openEditModal));
+
+const currentSort = computed<DataTableSort | null>(() => {
+    if (!query.value.sort || !query.value.direction) {
+        return null;
+    }
+
+    return {
+        column: query.value.sort,
+        direction: query.value.direction,
+    };
+});
+
+const pagination = computed(() => ({
+    currentPage: props.transactions.current_page,
+    perPage: props.transactions.per_page,
+    lastPage: props.transactions.last_page,
+    total: props.transactions.total,
+}));
+
+function openCreateModal() {
+    editingTransaction.value = null;
+    formModalOpen.value = true;
+}
+
+function openEditModal(transaction: CashTransactionListItem) {
+    editingTransaction.value = transaction;
+    formModalOpen.value = true;
+}
+
+watch(search, (value) => {
+    setSearch(value);
+});
+
+watch(
+    () => props.filters.search,
+    (value) => {
+        search.value = value ?? '';
+    },
+);
+</script>
+
+<template>
+
+    <Head title="Kas Toko" />
+
+    <AdminLayout>
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div class="space-y-1">
+                <h2 class="text-2xl font-bold tracking-tight">
+                    {{ cashAccount.name }}
+                </h2>
+            </div>
+
+            <Button v-if="can('cash.deposit')" class="shrink-0 self-start sm:self-center" variant="outline"
+                @click="openCreateModal">
+                <ArrowDownCircle class="size-4" />
+                Setor Kas
+            </Button>
+        </div>
+
+        <Card>
+            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
+                <CardTitle class="text-sm font-medium text-muted-foreground">
+                    Saldo Saat Ini
+                </CardTitle>
+                <Wallet class="size-4 text-muted-foreground" />
+            </CardHeader>
+            <CardContent>
+                <div class="text-3xl font-bold tracking-tight">
+                    {{ cashAccount.balance_formatted }}
+                </div>
+            </CardContent>
+        </Card>
+
+        <Card class="min-w-0">
+            <CardContent class="min-w-0 pt-6">
+                <DataTable v-model:search="search" :columns="columns" :data="transactions.data"
+                    :pagination="pagination" :pagination-links="transactions.links" :sort="currentSort"
+                    @sort-change="setSort" @filters-reset="resetFilters" />
+            </CardContent>
+        </Card>
+
+        <CashTransactionFormModal
+            v-if="can('cash.deposit') || can('cash.update')"
+            v-model:open="formModalOpen"
+            :transaction="editingTransaction"
+        />
+    </AdminLayout>
+</template>
diff --git a/resources/js/types/cash.ts b/resources/js/types/cash.ts
new file mode 100644
index 0000000..cf296ce
--- /dev/null
+++ b/resources/js/types/cash.ts
@@ -0,0 +1,38 @@
+export type CashAccount = {
+    id: number;
+    name: string;
+    balance: number;
+    balance_formatted: string;
+};
+
+export type CashTransactionListItem = {
+    id: number;
+    reference_type: string | null;
+    reference_label: string;
+    is_incoming: boolean;
+    amount: number;
+    amount_formatted: string;
+    balance_after: number;
+    balance_after_formatted: string;
+    description: string;
+    created_at_formatted: string;
+    created_by_name: string;
+};
+
+export type CashTransactionFormData = {
+    amount: string;
+    description: string;
+};
+
+export type PaginatedCashTransactions = {
+    data: CashTransactionListItem[];
+    current_page: number;
+    last_page: number;
+    per_page: number;
+    total: number;
+    links: Array<{
+        url: string | null;
+        label: string;
+        active: boolean;
+    }>;
+};
diff --git a/routes/web.php b/routes/web.php
index 454385e..c42d3bc 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,6 +2,7 @@
 
 use App\Enums\Permission;
 use App\Http\Controllers\Admin\DashboardController;
+use App\Http\Controllers\Admin\Finance\CashController;
 use App\Http\Controllers\Admin\Hr\EmployeeController;
 use App\Http\Controllers\Admin\Master\CategoryController;
 use App\Http\Controllers\Admin\Master\CustomerController;
@@ -157,6 +158,26 @@
             Route::put('appearance', [AppearanceController::class, 'update'])->name('appearance.update');
         });
 
+        Route::prefix('finance')->name('finance.')->group(function () {
+            Route::prefix('cash')->name('cash.')
+                ->middleware('permission:'.Permission::CASH_VIEW->value)
+                ->group(function () {
+                    Route::get('/', [CashController::class, 'index'])->name('index');
+
+                    Route::post('deposit', [CashController::class, 'deposit'])
+                        ->middleware('permission:'.Permission::CASH_DEPOSIT->value)
+                        ->name('deposit');
+
+                    Route::put('transactions/{cashTransaction}', [CashController::class, 'update'])
+                        ->middleware('permission:'.Permission::CASH_UPDATE->value)
+                        ->name('transactions.update');
+
+                    Route::delete('transactions/{cashTransaction}', [CashController::class, 'destroy'])
+                        ->middleware('permission:'.Permission::CASH_DELETE->value)
+                        ->name('transactions.destroy');
+                });
+        });
+
         Route::prefix('hr')->name('hr.')->middleware('permission:'.Permission::EMPLOYEES_VIEW->value)->group(function () {
             Route::prefix('employees')->name('employees.')
                 ->middleware('permission:'.Permission::EMPLOYEES_VIEW->value)