create stock and stock logs

This commit is contained in:
2025-06-10 18:38:06 +07:00
parent 1a2ddb59d4
commit 51079aa567
36 changed files with 1621 additions and 311 deletions

View File

@@ -2,58 +2,205 @@
@section('content')
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
<div class="kt-portlet__head kt-portlet__head--lg">
<div class="kt-portlet__head-label">
<span class="kt-portlet__head-icon">
<i class="kt-font-brand flaticon2-plus"></i>
</span>
<h3 class="kt-portlet__head-title">Tambah Opnames</h3>
</div>
</div>
<div class="kt-portlet__body">
<form id="opname-form" action="{{ route('opnames.store') }}" method="POST">
@csrf
<div class="form-group">
<label for="dealer">Dealer</label>
<select name="dealer" id="dealer" class="form-control" required >
<option value="">Pilih Dealer</option>
@foreach($dealers as $dealer)
<option value="{{ $dealer->id }}">{{ $dealer->name }}</option>
@endforeach
</select>
</div>
<div id="product-container" data-url="{{ route('products.all') }}">
<div class="form-row align-items-end product-row">
<div class="form-group col-md-4">
<label for="product[]">Produk</label>
<select name="product[]" class="form-control product-select" required >
<option value="">Pilih Produk</option>
</select>
</div>
<div class="form-group col-md-3">
<label>Stok Sistem</label>
<input type="text" name="system_quantity[]" class="form-control" placeholder="Stok sistem" required >
</div>
<div class="form-group col-md-3">
<label>Stok Fisik</label>
<input type="text" name="physical_quantity[]" class="form-control" placeholder="Stok fisik" required >
</div>
<div class="form-group col-md-2">
<button type="button" class="btn btn-success btn-add-row"><i class="flaticon2-plus"></i></button>
</div>
<div class="kt-portlet__head kt-portlet__head--lg">
<div class="kt-portlet__head-label">
<span class="kt-portlet__head-icon">
<i class="kt-font-brand flaticon2-plus"></i>
</span>
<h3 class="kt-portlet__head-title">Tambah Opnames</h3>
</div>
</div>
</div>
<div class="form-group mt-4">
<button type="submit" class="btn btn-primary">Simpan</button>
</div>
</form>
</div>
<div class="kt-portlet__body">
@if ($errors->any())
<div class="alert alert-danger">
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form id="opname-form" action="{{ route('opnames.store') }}" method="POST">
@csrf
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="dealer">Dealer <span class="text-danger">*</span></label>
@php
$oldDealer = old('dealer');
$dealerValue = is_array($oldDealer) ? '' : $oldDealer;
@endphp
<select name="dealer" id="dealer" class="form-control @error('dealer') is-invalid @enderror" required>
<option value="">Pilih Dealer</option>
@foreach($dealers as $dealer)
<option value="{{ $dealer->id }}" {{ $dealerValue == $dealer->id ? 'selected' : '' }}>
{{ $dealer->name }}
</option>
@endforeach
</select>
@error('dealer')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="note">Catatan</label>
@php
$oldNote = old('note');
$noteValue = is_array($oldNote) ? '' : $oldNote;
@endphp
<textarea name="note" id="note" class="form-control @error('note') is-invalid @enderror"
rows="2" placeholder="Catatan opname">{{ $noteValue }}</textarea>
@error('note')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="kt-separator kt-separator--border-dashed kt-separator--space-lg kt-separator--portlet-fit"></div>
<div class="row mb-3">
<div class="col">
<h4>Detail Produk</h4>
</div>
<div class="col text-right">
<button type="button" class="btn btn-success btn-sm" id="btn-add-row">
<i class="flaticon2-plus"></i> Tambah Produk
</button>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered table-hover" id="product-table">
<thead class="thead-light">
<tr>
<th style="width: 35%">Produk <span class="text-danger">*</span></th>
<th style="width: 15%">Stok Sistem <span class="text-danger">*</span></th>
<th style="width: 15%">Stok Fisik <span class="text-danger">*</span></th>
<th style="width: 30%">Catatan</th>
<th style="width: 5%" class="text-center">Aksi</th>
</tr>
</thead>
<tbody>
@php
$oldProducts = old('product', []);
$oldSystemQuantities = old('system_quantity', []);
$oldPhysicalQuantities = old('physical_quantity', []);
$oldItemNotes = old('item_notes', []);
@endphp
<tr class="product-row">
<td>
<select name="product[0]" class="form-control product-select @error('product.0') is-invalid @enderror" required>
<option value="">Pilih Produk</option>
@foreach($products as $product)
<option value="{{ $product->id }}" {{ (isset($oldProducts[0]) && $oldProducts[0] == $product->id) ? 'selected' : '' }}>
{{ $product->name }}
</option>
@endforeach
</select>
@error('product.0')
<div class="invalid-feedback d-block">{{ $message }}</div>
@enderror
</td>
<td>
<div class="input-group">
<input type="number" name="system_quantity[0]"
class="form-control system-quantity @error('system_quantity.0') is-invalid @enderror"
step="0.01" min="0"
value="{{ $oldSystemQuantities[0] ?? '0' }}"
readonly>
</div>
@error('system_quantity.0')
<div class="invalid-feedback d-block">{{ $message }}</div>
@enderror
</td>
<td>
<div class="input-group">
<input type="number" name="physical_quantity[0]"
class="form-control @error('physical_quantity.0') is-invalid @enderror"
step="0.01" min="0"
value="{{ $oldPhysicalQuantities[0] ?? '' }}"
required
onchange="calculateDifference(this)">
</div>
@error('physical_quantity.0')
<div class="invalid-feedback d-block">{{ $message }}</div>
@enderror
</td>
<td>
<input type="text" name="item_notes[0]"
class="form-control @error('item_notes.0') is-invalid @enderror"
value="{{ $oldItemNotes[0] ?? '' }}"
placeholder="(wajib jika ada perbedaan stock)">
@error('item_notes.0')
<div class="invalid-feedback d-block">{{ $message }}</div>
@enderror
</td>
<td class="text-center">
<button type="button" class="btn btn-danger btn-sm btn-remove-row" disabled>
<i class="flaticon2-trash"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="kt-separator kt-separator--border-dashed kt-separator--space-lg kt-separator--portlet-fit"></div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-md">
Simpan
</button>
<a href="{{ route('opnames.index') }}" class="btn btn-secondary btn-md">
Batal
</a>
</div>
</form>
</div>
</div>
<!-- Template untuk baris produk baru -->
<template id="product-row-template">
<tr class="product-row">
<td>
<select name="product[]" class="form-control product-select" required>
<option value="">Pilih Produk</option>
@foreach($products as $product)
<option value="{{ $product->id }}">{{ $product->name }}</option>
@endforeach
</select>
</td>
<td>
<div class="input-group">
<input type="number" name="system_quantity[]" class="form-control system-quantity"
step="0.01" min="0" value="0" readonly>
</div>
</td>
<td>
<div class="input-group">
<input type="number" name="physical_quantity[]" class="form-control"
step="0.01" min="0" value="" required
onchange="calculateDifference(this)">
</div>
</td>
<td>
<input type="text" name="item_notes[]" class="form-control"
value="" placeholder="(wajib jika ada perbedaan stock)">
</td>
<td class="text-center">
<button type="button" class="btn btn-danger btn-sm btn-remove-row">
<i class="flaticon2-trash"></i>
</button>
</td>
</tr>
</template>
@endsection
@section('javascripts')
<script src="{{ mix('js/warehouse_management/opnames/create.js') }}"></script>
<script src="{{ asset('js/warehouse_management/opnames/create.js') }}"></script>
@endsection

View File

@@ -2,16 +2,21 @@
@section('content')
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
<div class="kt-portlet__head kt-portlet__head--lg">
<div class="kt-portlet__head-label">
<span class="kt-portlet__head-icon">
<i class="kt-font-brand flaticon2-list-1"></i>
</span>
<h3 class="kt-portlet__head-title">
Detail Opname
</h3>
</div>
</div>
<div class="kt-portlet__head kt-portlet__head--lg">
<div class="kt-portlet__head-label">
<span class="kt-portlet__head-icon">
<i class="kt-font-brand flaticon2-list-1"></i>
</span>
<h3 class="kt-portlet__head-title">
Opname {{ $opname->dealer->name }} Tanggal {{ Carbon\Carbon::parse($opname->opname_date)->format('d M Y') }}
</h3>
</div>
<div class="kt-portlet__head-toolbar">
<a href="{{ route('opnames.index') }}" class="btn btn-secondary">
<i class="la la-arrow-left"></i> Kembali
</a>
</div>
</div>
<div class="kt-portlet__body">
<div class="table-responsive">
@@ -35,5 +40,5 @@
@endsection
@section('javascripts')
<script src="{{ mix('js/warehouse_management/opnames/detail.js') }}"></script>
<script src="{{ asset('js/warehouse_management/opnames/detail.js') }}"></script>
@endsection

View File

@@ -30,7 +30,7 @@
<tr>
<th>Dealer</th>
<th>Pengguna</th>
<th>Tanggal Opname</th>
<th>Tanggal</th>
<th>Aksi</th>
</tr>
</thead>
@@ -42,5 +42,5 @@
@endsection
@section('javascripts')
<script src="{{ mix('js/warehouse_management/opnames/index.js') }}"></script>
<script src="{{ asset('js/warehouse_management/opnames/index.js') }}"></script>
@endsection

View File

@@ -75,5 +75,5 @@
@endsection
@section('javascripts')
<script src="{{mix('js/warehouse_management/product_categories/index.js')}}"></script>
<script src="{{ asset('js/warehouse_management/product_categories/index.js') }}"></script>
@endsection

View File

@@ -69,7 +69,3 @@
</div>
</div>
@endsection
@section('javascripts')
<script src="{{ mix('js/warehouse_management/products/create.js') }}"></script>
@endsection

View File

@@ -71,8 +71,4 @@
</form>
</div>
</div>
@endsection
@section('javascripts')
<script src="{{ mix('js/warehouse_management/products/edit.js') }}"></script>
@endsection

View File

@@ -57,13 +57,9 @@
<thead>
<tr>
<th>Dealer</th>
<th>System Stock</th>
<th>Physical Stock</th>
<th>Difference</th>
<th>Opname Date</th>
<th>Stok</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
@@ -72,5 +68,5 @@
@endsection
@section('javascripts')
<script src="{{ mix('js/warehouse_management/products/index.js') }}"></script>
<script src="{{ asset('js/warehouse_management/products/index.js') }}"></script>
@endsection

View File

@@ -0,0 +1,19 @@
<div class="d-flex">
<button type="button" class="btn btn-success btn-sm mr-2"
onclick="showAdjustStockModal({{ $stock->id }}, 'add')"
title="Tambah Stok">
<i class="la la-plus"></i>
</button>
<button type="button" class="btn btn-warning btn-sm mr-2"
onclick="showAdjustStockModal({{ $stock->id }}, 'reduce')"
title="Kurangi Stok">
<i class="la la-minus"></i>
</button>
<button type="button" class="btn btn-info btn-sm"
onclick="showStockHistory({{ $stock->id }})"
title="Lihat Riwayat">
<i class="la la-history"></i>
</button>
</div>

View File

@@ -0,0 +1,234 @@
@extends('layouts.backapp')
@section('content')
<div class="kt-portlet kt-portlet--mobile">
<div class="kt-portlet__head kt-portlet__head--lg">
<div class="kt-portlet__head-label">
<span class="kt-portlet__head-icon">
<i class="kt-font-brand flaticon2-box"></i>
</span>
<h3 class="kt-portlet__head-title">Manajemen Stok</h3>
</div>
<div class="kt-portlet__head-toolbar">
<div class="kt-portlet__head-actions">
<a href="{{ route('opnames.create') }}" class="btn btn-primary">
<i class="la la-plus"></i> Buat Opname
</a>
</div>
</div>
</div>
<div class="kt-portlet__body">
<!-- Filter -->
<div class="row mb-4">
<div class="col-md-4">
<div class="form-group">
<label for="dealer_filter">Filter Dealer</label>
<select class="form-control" id="dealer_filter">
<option value="">Semua Dealer</option>
@foreach($dealers as $dealer)
<option value="{{ $dealer->id }}">{{ $dealer->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="product_filter">Filter Produk</label>
<select class="form-control" id="product_filter">
<option value="">Semua Produk</option>
@foreach($products as $product)
<option value="{{ $product->id }}">{{ $product->name }}</option>
@endforeach
</select>
</div>
</div>
</div>
<!-- Tabel Stok -->
<div class="table-responsive">
<table class="table table-bordered table-hover" id="stocks-table">
<thead class="thead-light">
<tr>
<th>Dealer</th>
<th>Produk</th>
<th>Stok</th>
<th>Aksi</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<!-- Modal Adjust Stock -->
<div class="modal fade" id="adjustStockModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Adjust Stok</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form id="adjustStockForm">
<div class="modal-body">
<input type="hidden" id="stock_id" name="stock_id">
<input type="hidden" id="adjust_type" name="type">
<div class="form-group">
<label>Jumlah</label>
<div class="input-group">
<input type="number" class="form-control" name="quantity"
step="0.01" min="0.01" required>
<div class="input-group-append">
<span class="input-group-text">pcs</span>
</div>
</div>
</div>
<div class="form-group">
<label>Catatan</label>
<textarea class="form-control" name="note" rows="3" required></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-primary">Simpan</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Stock History -->
<div class="modal fade" id="stockHistoryModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Riwayat Stok</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-bordered" id="history-table">
<thead class="thead-light">
<tr>
<th>Tanggal</th>
<th>User</th>
<th>Perubahan</th>
<th>Stok Lama</th>
<th>Stok Baru</th>
<th>Catatan</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascripts')
<script>
$(document).ready(function() {
// Inisialisasi DataTable
var table = $('#stocks-table').DataTable({
processing: true,
serverSide: true,
ajax: {
url: '{{ route("stocks.index") }}',
data: function(d) {
d.dealer_id = $('#dealer_filter').val();
d.product_id = $('#product_filter').val();
}
},
columns: [
{data: 'dealer_name', name: 'dealer_name'},
{data: 'product_name', name: 'product_name'},
{data: 'quantity', name: 'quantity'},
{data: 'action', name: 'action', orderable: false, searchable: false}
]
});
// Filter change handler
$('#dealer_filter, #product_filter').change(function() {
table.ajax.reload();
});
// Show adjust stock modal
window.showAdjustStockModal = function(stockId, type) {
$('#stock_id').val(stockId);
$('#adjust_type').val(type);
$('#adjustStockModal').modal('show');
};
// Handle adjust stock form submit
$('#adjustStockForm').submit(function(e) {
e.preventDefault();
$.ajax({
url: '{{ route("stocks.adjust") }}',
method: 'POST',
data: {
_token: '{{ csrf_token() }}',
stock_id: $('#stock_id').val(),
type: $('#adjust_type').val(),
quantity: $('input[name="quantity"]').val(),
note: $('textarea[name="note"]').val()
},
success: function(response) {
if (response.success) {
$('#adjustStockModal').modal('hide');
table.ajax.reload();
toastr.success(response.message);
} else {
toastr.error(response.message);
}
},
error: function(xhr) {
toastr.error(xhr.responseJSON?.message || 'Terjadi kesalahan');
}
});
});
// Show stock history
window.showStockHistory = function(stockId) {
$.get('{{ route("stocks.history") }}', {
stock_id: stockId
})
.done(function(response) {
var tbody = $('#history-table tbody');
tbody.empty();
response.logs.forEach(function(log) {
tbody.append(`
<tr>
<td>${log.date}</td>
<td>${log.user}</td>
<td>${log.change}</td>
<td>${log.old_quantity}</td>
<td>${log.new_quantity}</td>
<td>${log.note}</td>
</tr>
`);
});
$('#stockHistoryModal').modal('show');
})
.fail(function(xhr) {
toastr.error('Gagal memuat riwayat stok');
});
};
// Reset form when modal is closed
$('#adjustStockModal').on('hidden.bs.modal', function() {
$('#adjustStockForm')[0].reset();
});
});
</script>
@endsection