820 lines
35 KiB
PHP
820 lines
35 KiB
PHP
@extends('template')
|
||
@section('title', 'Manajemen Pakan')
|
||
|
||
@section('content')
|
||
<div class="main-panel">
|
||
<div class="content">
|
||
<div class="container-fluid">
|
||
<div class="mb-4">
|
||
<h4 class="mb-1 fw-bold">Manajemen Pakan</h4>
|
||
</div>
|
||
@if (auth()->user()->isAdmin() &&
|
||
((isset($stokMenipis) && $stokMenipis->count()) || (isset($stokAman) && $stokAman->count())))
|
||
|
||
<div class="mb-3 row">
|
||
|
||
{{-- STOK MENIPIS --}}
|
||
@if (isset($stokMenipis) && $stokMenipis->count())
|
||
<div class="col-md-6">
|
||
<div class="info-card warning">
|
||
<div class="d-flex align-items-start">
|
||
<div class="me-2">⚠</div>
|
||
<div>
|
||
<div class="fw-semibold">Stok Menipis</div>
|
||
<small class="text-muted">
|
||
{{ $stokMenipis->map(fn($s) => $s->nama_barang . ' (' . number_format($s->stok, 0, ',', '.') . ')')->join(', ') }}
|
||
</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endif
|
||
|
||
{{-- STOK AMAN --}}
|
||
@if (isset($stokAman) && $stokAman->count())
|
||
<div class="col-md-6">
|
||
<div class="info-card success">
|
||
<div class="d-flex align-items-start">
|
||
<div class="me-2">✔</div>
|
||
<div>
|
||
<div class="fw-semibold">Stok Aman</div>
|
||
<small class="text-muted">
|
||
{{ $stokAman->map(fn($s) => $s->nama_barang . ' (' . number_format($s->stok, 0, ',', '.') . ')')->join(', ') }}
|
||
</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endif
|
||
|
||
</div>
|
||
@endif
|
||
<div class="shadow-sm card table-card operasional-page">
|
||
<!-- FILTER BAR -->
|
||
<form method="GET" id="formFilter">
|
||
<div class="card-body border-bottom">
|
||
<div class="row g-3 align-items-end">
|
||
|
||
<div class="col-md-2">
|
||
<label class="small">Cari</label>
|
||
<input type="text" name="search" value="{{ request('search') }}"
|
||
class="form-control form-control-sm">
|
||
</div>
|
||
|
||
<div class="col-md-2">
|
||
<label class="small">Jenis</label>
|
||
<select name="jenis" class="form-control form-control-sm">
|
||
<option value="">Semua</option>
|
||
@if (auth()->user()->isAdmin())
|
||
<option value="masuk" {{ request('jenis') == 'masuk' ? 'selected' : '' }}>Masuk
|
||
</option>
|
||
@endif
|
||
<option value="keluar" {{ request('jenis') == 'keluar' ? 'selected' : '' }}>Keluar
|
||
</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="col-md-2">
|
||
<label class="small">Bulan</label>
|
||
<select name="bulan" class="form-control form-control-sm">
|
||
<option value="">Semua</option>
|
||
@for ($i = 1; $i <= 12; $i++)
|
||
<option value="{{ $i }}"
|
||
{{ request('bulan') == $i ? 'selected' : '' }}>
|
||
{{ \Carbon\Carbon::create()->month($i)->translatedFormat('F') }}
|
||
</option>
|
||
@endfor
|
||
</select>
|
||
</div>
|
||
|
||
<div class="col-md-2">
|
||
<label class="small">Tahun</label>
|
||
<select name="tahun" class="form-control form-control-sm">
|
||
<option value="">Semua</option>
|
||
@for ($th = now()->year - 2; $th <= now()->year + 1; $th++)
|
||
<option value="{{ $th }}"
|
||
{{ request('tahun') == $th ? 'selected' : '' }}>
|
||
{{ $th }}
|
||
</option>
|
||
@endfor
|
||
</select>
|
||
</div>
|
||
|
||
<div class="col-md-2">
|
||
<label class="small">Data</label>
|
||
<select name="perPage" class="form-control form-control-sm">
|
||
<option value="10" {{ request('perPage') == 10 ? 'selected' : '' }}>10</option>
|
||
<option value="25" {{ request('perPage') == 25 ? 'selected' : '' }}>25</option>
|
||
<option value="50" {{ request('perPage') == 50 ? 'selected' : '' }}>50</option>
|
||
</select>
|
||
</div>
|
||
|
||
|
||
<div class="col-md-2">
|
||
<label class="text-white small">Aksi</label>
|
||
<button type="button" class="btn btn-primary btn-sm w-100" data-toggle="modal"
|
||
data-target="#modalTransaksi">
|
||
|
||
<i class="la la-plus"></i>
|
||
@if (auth()->user()->isAdmin())
|
||
Tambah
|
||
@else
|
||
Catat Pemakaian
|
||
@endif
|
||
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</form>
|
||
|
||
{{-- @if (auth()->user()->isAdmin() && isset($stokMenipis) && $stokMenipis->count())
|
||
<div class="alert-custom warning">
|
||
<strong>⚠ Stok Menipis</strong>
|
||
<ul class="mb-0">
|
||
@foreach ($stokMenipis as $s)
|
||
<li>
|
||
{{ $s->nama_barang }} tersisa
|
||
{{ number_format($s->stok, 0, ',', '.') }} karung
|
||
</li>
|
||
@endforeach
|
||
</ul>
|
||
</div>
|
||
@endif
|
||
@if (auth()->user()->isAdmin() && isset($stokAman) && $stokAman->count())
|
||
<div class="alert-custom success">
|
||
<strong> Stok Aman:</strong>
|
||
{{ $stokAman->map(fn($s) => $s->nama_barang . ' (' . number_format($s->stok, 0, ',', '.') . ')')->join(', ') }}
|
||
karung
|
||
</div>
|
||
@endif --}}
|
||
|
||
@if ($errors->has('delete'))
|
||
<div class="alert alert-danger">
|
||
{{ $errors->first('delete') }}
|
||
</div>
|
||
@endif
|
||
<!-- TABEL -->
|
||
<div class="p-0 card-body">
|
||
<div class="table-responsive">
|
||
<table class="table mb-0" style="table-layout:fixed; width:100%;">
|
||
<thead class="table-light">
|
||
<tr>
|
||
<th class="text-center" style="width:60px;">No</th>
|
||
<th style="width:150px;">Tanggal</th>
|
||
<th style="width:220px;">Nama Barang</th>
|
||
<th class="text-center" style="width:110px;">Jenis</th>
|
||
<th class="text-center" style="width:130px;">Jumlah</th>
|
||
|
||
@if (auth()->user()->isAdmin())
|
||
<th class="text-end" style="width:140px;">Harga (Rp)</th>
|
||
<th class="text-end" style="width:150px;">Total (Rp)</th>
|
||
<th class="text-center" style="width:110px;">Aksi</th>
|
||
@endif
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody>
|
||
@forelse ($data as $item)
|
||
<tr>
|
||
|
||
<td class="text-center align-middle col-no">
|
||
{{ $data->firstItem() ? $data->firstItem() + $loop->index : $loop->iteration }}
|
||
</td>
|
||
|
||
<td class="align-middle col-tanggal">
|
||
{{ \Carbon\Carbon::parse($item->tanggal)->translatedFormat('d F Y') }}
|
||
</td>
|
||
|
||
<td class="align-middle"
|
||
style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
|
||
{{ $item->nama_barang }}
|
||
</td>
|
||
<td class="text-center align-middle col-jenis">
|
||
<span
|
||
class="badge badge-{{ $item->jenis_transaksi == 'masuk' ? 'success' : 'danger' }}">
|
||
{{ ucfirst($item->jenis_transaksi) }}
|
||
</span>
|
||
</td>
|
||
|
||
<td class="text-center align-middle">
|
||
{{ number_format($item->jumlah, 0, ',', '.') }} {{ $item->satuan }}
|
||
</td>
|
||
|
||
@if (auth()->user()->isAdmin())
|
||
<td class="align-middle col-harga text-end">
|
||
{{ $item->harga_satuan ? 'Rp ' . number_format($item->harga_satuan, 0, ',', '.') : '-' }}
|
||
</td>
|
||
|
||
<td class="align-middle col-total text-end">
|
||
{{ $item->total_harga ? 'Rp ' . number_format($item->total_harga, 0, ',', '.') : '-' }}
|
||
</td>
|
||
|
||
<td class="text-center">
|
||
<div class="gap-1 d-flex justify-content-center">
|
||
<button class="btn btn-warning btn-sm" data-toggle="modal"
|
||
data-target="#modalEditTransaksi" data-id="{{ $item->id }}"
|
||
data-nama="{{ $item->nama_barang }}"
|
||
data-jenis="{{ $item->jenis_transaksi }}"
|
||
data-jumlah="{{ (int) $item->jumlah }}"
|
||
data-harga="{{ (int) $item->harga_satuan }}"
|
||
{{-- data-harga="{{ $item->harga_satuan }}" --}} data-tanggal="{{ $item->tanggal }}">
|
||
<i class="la la-edit"></i>
|
||
</button>
|
||
|
||
<button class="btn btn-danger btn-sm" data-toggle="modal"
|
||
data-target="#modalHapusTransaksi"
|
||
data-id="{{ $item->id }}">
|
||
<i class="la la-trash"></i>
|
||
</button>
|
||
</div>
|
||
|
||
</td>
|
||
@endif
|
||
|
||
</tr>
|
||
|
||
@empty
|
||
<tr>
|
||
<td colspan="{{ auth()->user()->isAdmin() ? 8 : 5 }}"
|
||
class="py-4 text-center text-muted">
|
||
Data manajemen pakan belum tersedia
|
||
</td>
|
||
</tr>
|
||
@endforelse
|
||
</tbody>
|
||
|
||
|
||
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===== FOOTER ===== -->
|
||
<div class="gap-2 card-body d-flex flex-column flex-md-row justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
@if ($data->count())
|
||
Menampilkan {{ $data->firstItem() }} – {{ $data->lastItem() }}
|
||
dari {{ $data->total() }} data
|
||
@else
|
||
Belum ada data
|
||
@endif
|
||
</small>
|
||
|
||
@if ($data->hasPages())
|
||
{{ $data->links() }}
|
||
@endif
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MODAL TAMBAH TRANSAKSI -->
|
||
<div class="modal fade" id="modalTransaksi" tabindex="-1">
|
||
<div class="modal-dialog modal-md modal-dialog-centered">
|
||
<div class="modal-content">
|
||
|
||
<form action="{{ route('pakan.store') }}" method="POST" novalidate>
|
||
@csrf
|
||
|
||
<div class="modal-header modal-header-clean">
|
||
<h6 class="mb-0 modal-title">
|
||
<i class="mr-1 la la-plus-circle text-muted"></i>
|
||
|
||
@if (auth()->user()->isAdmin())
|
||
Tambah Pakan
|
||
@else
|
||
Catat Pemakaian
|
||
@endif
|
||
|
||
</h6>
|
||
<button type="button" class="close" data-dismiss="modal">
|
||
<span>×</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="modal-body">
|
||
|
||
<div class="form-group">
|
||
<label>Jenis Transaksi</label>
|
||
|
||
<select name="jenis_transaksi" id="jenisTambah"
|
||
class="form-control @error('jenis_transaksi') is-invalid @enderror" required>
|
||
|
||
@if (auth()->user()->isAdmin())
|
||
<option value="">-- Pilih Jenis --</option>
|
||
<option value="masuk" {{ old('jenis_transaksi') == 'masuk' ? 'selected' : '' }}>
|
||
Barang Masuk (Pembelian)
|
||
</option>
|
||
<option value="keluar" {{ old('jenis_transaksi') == 'keluar' ? 'selected' : '' }}>
|
||
Barang Keluar (Pemakaian)
|
||
</option>
|
||
@else
|
||
<option value="keluar" selected>Barang Keluar (Pemakaian)</option>
|
||
@endif
|
||
|
||
</select>
|
||
|
||
@error('jenis_transaksi')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Tanggal</label>
|
||
<input type="date" name="tanggal"
|
||
class="form-control @error('tanggal') is-invalid @enderror"
|
||
value="{{ old('tanggal', date('Y-m-d')) }}" max="{{ date('Y-m-d') }}" required>
|
||
@error('tanggal')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Nama Barang</label>
|
||
|
||
<select name="nama_barang" class="form-control @error('nama_barang') is-invalid @enderror"
|
||
required>
|
||
|
||
<option value="">-- Pilih Pakan --</option>
|
||
|
||
<option value="Jagung" {{ old('nama_barang') == 'Jagung' ? 'selected' : '' }}>
|
||
Jagung
|
||
</option>
|
||
|
||
<option value="Katul" {{ old('nama_barang') == 'Katul' ? 'selected' : '' }}>
|
||
Katul
|
||
</option>
|
||
|
||
<option value="Konsentrat" {{ old('nama_barang') == 'Konsentrat' ? 'selected' : '' }}>
|
||
Konsentrat
|
||
</option>
|
||
|
||
<option value="Pakan Layer" {{ old('nama_barang') == 'Pakan Layer' ? 'selected' : '' }}>
|
||
Pakan Layer
|
||
</option>
|
||
|
||
<option value="Pakan Starter"
|
||
{{ old('nama_barang') == 'Pakan Starter' ? 'selected' : '' }}>
|
||
Pakan Starter
|
||
</option>
|
||
|
||
</select>
|
||
|
||
@error('nama_barang')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="form-group">
|
||
<label>Jumlah</label>
|
||
<input type="number" name="jumlah" id="jumlahTambah" max="999999"
|
||
min="1" inputmode="numeric" maxlength="6"
|
||
class="form-control @error('jumlah') is-invalid @enderror"
|
||
value="{{ old('jumlah') }}" required>
|
||
|
||
@error('jumlah')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="form-group">
|
||
<label>Satuan</label>
|
||
<input type="text" class="form-control" value="karung" readonly>
|
||
</div>
|
||
|
||
<input type="hidden" name="satuan" value="karung">
|
||
</div>
|
||
@if (auth()->user()->isAdmin())
|
||
<div class="col-md-4 harga-tambah">
|
||
<div class="form-group">
|
||
<label>Harga (Rp)</label>
|
||
|
||
<input type="text" name="harga_satuan" id="hargaTambah"
|
||
class="form-control @error('harga_satuan') is-invalid @enderror"
|
||
inputmode="numeric" maxlength="12" value="{{ old('harga_satuan') }}">
|
||
@error('harga_satuan')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
</div>
|
||
@endif
|
||
|
||
</div>
|
||
|
||
@if (auth()->user()->isAdmin())
|
||
<div class="form-group harga-tambah">
|
||
<label>Total Harga (Rp)</label>
|
||
<input type="text" id="totalTambah" class="form-control" readonly>
|
||
</div>
|
||
@endif
|
||
|
||
|
||
</div>
|
||
|
||
<div class="modal-footer">
|
||
<button class="btn btn-secondary" data-dismiss="modal">Batal</button>
|
||
<button class="btn btn-primary">
|
||
<i class="la la-save"></i> Simpan
|
||
</button>
|
||
</div>
|
||
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MODAL EDIT TRANSAKSI -->
|
||
<div class="modal fade" id="modalEditTransaksi" tabindex="-1">
|
||
<div class="modal-dialog modal-md modal-dialog-centered">
|
||
<div class="modal-content">
|
||
|
||
<form method="POST" id="formEditTransaksi" novalidate>
|
||
@csrf
|
||
@method('PUT')
|
||
|
||
<div class="modal-header modal-header-clean">
|
||
<h5 class="modal-title">
|
||
<i class="la la-edit"></i> Edit Pakan
|
||
</h5>
|
||
<button class="close" data-dismiss="modal">×</button>
|
||
</div>
|
||
|
||
<div class="modal-body">
|
||
|
||
<div class="form-group">
|
||
<label>Jenis Transaksi</label>
|
||
|
||
<select name="jenis_transaksi" id="jenisEdit"
|
||
class="form-control @error('jenis_transaksi') is-invalid @enderror" required>
|
||
|
||
<option value="masuk">Barang Masuk (Pembelian)</option>
|
||
<option value="keluar">Barang Keluar (Pemakaian)</option>
|
||
|
||
</select>
|
||
|
||
@error('jenis_transaksi', 'edit')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Tanggal</label>
|
||
<input type="date" name="tanggal" id="tanggalEdit"
|
||
class="form-control @error('tanggal') is-invalid @enderror" max="{{ date('Y-m-d') }}"
|
||
required>
|
||
@error('tanggal', 'edit')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Nama Barang</label>
|
||
<select name="nama_barang" id="namaEdit"
|
||
class="form-control @error('nama_barang') is-invalid @enderror" required>
|
||
|
||
<option value="Jagung">Jagung</option>
|
||
<option value="Katul">Katul</option>
|
||
<option value="Konsentrat">Konsentrat</option>
|
||
<option value="Pakan Layer">Pakan Layer</option>
|
||
<option value="Pakan Starter">Pakan Starter</option>
|
||
|
||
</select>
|
||
@error('nama_barang', 'edit')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="form-group">
|
||
<label>Jumlah</label>
|
||
<input type="number" name="jumlah" id="jumlahEdit" max="999999" min="1"
|
||
inputmode="numeric" maxlength="6"
|
||
class="form-control @error('jumlah') is-invalid @enderror" required>
|
||
@error('jumlah', 'edit')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="form-group">
|
||
<label>Satuan</label>
|
||
<input type="text" class="form-control" value="karung" readonly>
|
||
</div>
|
||
|
||
<input type="hidden" name="satuan" value="karung">
|
||
</div>
|
||
<div class="col-md-4 harga-edit">
|
||
<div class="form-group">
|
||
<label>Harga Satuan (Rp)</label>
|
||
<input type="text" name="harga_satuan" id="hargaEdit"
|
||
class="form-control @error('harga_satuan') is-invalid @enderror"
|
||
inputmode="numeric" maxlength="12">
|
||
@error('harga_satuan', 'edit')
|
||
<small class="text-danger">{{ $message }}</small>
|
||
@enderror
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group harga-edit">
|
||
<label>Total Harga (Rp)</label>
|
||
<input type="text" id="totalEdit" class="form-control" readonly>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="modal-footer">
|
||
<button class="btn btn-secondary" data-dismiss="modal">Batal</button>
|
||
<button class="text-white btn btn-warning">
|
||
<i class="la la-save"></i> Update
|
||
</button>
|
||
</div>
|
||
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MODAL HAPUS TRANSAKSI -->
|
||
<div class="modal fade" id="modalHapusTransaksi" tabindex="-1">
|
||
<div class="modal-dialog modal-sm modal-dialog-centered">
|
||
<div class="modal-content">
|
||
|
||
<form method="POST" id="formHapusTransaksi">
|
||
@csrf
|
||
@method('DELETE')
|
||
|
||
<div class="modal-header modal-header-clean">
|
||
<h5 class="modal-title">
|
||
<i class="la la-trash"></i> Hapus Pakan
|
||
</h5>
|
||
<button class="close" data-dismiss="modal">×</button>
|
||
</div>
|
||
|
||
<div class="text-center modal-body">
|
||
<p class="mb-0">Yakin ingin menghapus transaksi ini?</p>
|
||
</div>
|
||
|
||
<div class="modal-footer justify-content-center">
|
||
<button class="btn btn-secondary" data-dismiss="modal">Batal</button>
|
||
<button class="btn btn-danger">
|
||
<i class="la la-trash"></i> Hapus
|
||
</button>
|
||
</div>
|
||
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endsection
|
||
|
||
|
||
@section('scripts')
|
||
|
||
<script>
|
||
const baseUrl = "{{ route('pakan') }}";
|
||
|
||
function formatRupiah(angka) {
|
||
if (!angka) return '';
|
||
|
||
angka = angka.toString().replace(/\D/g, '');
|
||
return angka.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
|
||
}
|
||
|
||
/* TAMBAH */
|
||
function hitungTambah() {
|
||
|
||
let j = parseInt($('#jumlahTambah').val()) || 0;
|
||
|
||
let h = $('#hargaTambah').val().replace(/\D/g, '');
|
||
h = parseInt(h) || 0;
|
||
|
||
$('#totalTambah').val(
|
||
'Rp ' + (j * h).toLocaleString('id-ID')
|
||
);
|
||
}
|
||
$('#hargaTambah').on('input', function() {
|
||
|
||
let angka = this.value.replace(/\D/g, '');
|
||
|
||
if (angka.length > 9) {
|
||
angka = angka.slice(0, 9);
|
||
}
|
||
|
||
this.value = formatRupiah(angka);
|
||
hitungTambah();
|
||
});
|
||
|
||
|
||
/* format harga tambah */
|
||
$('#jumlahTambah').on('input', hitungTambah);
|
||
$('#jenisTambah').on('change', function() {
|
||
|
||
if (this.value === 'keluar') {
|
||
$('.harga-tambah').hide();
|
||
$('#hargaTambah')
|
||
.val('')
|
||
.prop('disabled', true);
|
||
$('#totalTambah').val('');
|
||
} else {
|
||
$('.harga-tambah').show();
|
||
$('#hargaTambah').prop('disabled', false);
|
||
}
|
||
|
||
});
|
||
|
||
/* EDIT */
|
||
function hitungEdit() {
|
||
|
||
let j = parseInt($('#jumlahEdit').val()) || 0;
|
||
|
||
let h = $('#hargaEdit').val().replace(/\./g, '');
|
||
h = parseInt(h) || 0;
|
||
|
||
$('#totalEdit').val(
|
||
j && h ? 'Rp ' + (j * h).toLocaleString('id-ID') : ''
|
||
);
|
||
}
|
||
|
||
/* realtime hitung */
|
||
$('#jumlahEdit, #hargaEdit').on('input', hitungEdit);
|
||
|
||
/* format harga edit */
|
||
$('#hargaEdit').on('input', function() {
|
||
|
||
let angka = this.value.replace(/\./g, '');
|
||
|
||
if (angka.length > 9) {
|
||
angka = angka.slice(0, 9);
|
||
}
|
||
|
||
this.value = formatRupiah(angka);
|
||
hitungEdit();
|
||
|
||
});
|
||
/* perubahan jenis transaksi edit */
|
||
$('#jenisEdit').on('change', function() {
|
||
|
||
if (this.value === 'keluar') {
|
||
$('.harga-edit').hide();
|
||
$('#hargaEdit,#totalEdit').val('');
|
||
} else {
|
||
$('.harga-edit').show();
|
||
hitungEdit();
|
||
}
|
||
|
||
});
|
||
|
||
/* modal edit dibuka */
|
||
$('#modalEditTransaksi').on('show.bs.modal', function(e) {
|
||
|
||
// CEK: kalau ada error edit, JANGAN override input
|
||
let isError = {{ $errors->edit->any() ? 'true' : 'false' }};
|
||
|
||
if (isError) return; // STOP di sini, biar pakai old()
|
||
|
||
let btn = $(e.relatedTarget);
|
||
let id = btn.data('id');
|
||
|
||
$('#formEditTransaksi').attr('action', baseUrl + '/' + btn.data('id'));
|
||
|
||
// FIX NAMA BARANG
|
||
$('#namaEdit').val(''); // RESET DULU
|
||
|
||
let nama = btn.data('nama');
|
||
$('#namaEdit option').each(function() {
|
||
if ($(this).val().toLowerCase() === String(nama).toLowerCase()) {
|
||
$(this).prop('selected', true);
|
||
}
|
||
});
|
||
|
||
// jenis
|
||
$('#jenisEdit').val(btn.data('jenis'));
|
||
|
||
// jumlah (langsung angka asli)
|
||
$('#jumlahEdit').val(btn.data('jumlah'));
|
||
|
||
// harga
|
||
let harga = parseInt(btn.data('harga')) || 0;
|
||
|
||
$('#hargaEdit').val(harga ? formatRupiah(harga.toString()) : '');
|
||
|
||
|
||
// tanggal
|
||
$('#tanggalEdit').val(btn.data('tanggal'));
|
||
|
||
$('#jenisEdit').trigger('change');
|
||
hitungEdit();
|
||
});
|
||
|
||
/* HAPUS */
|
||
$('#modalHapusTransaksi').on('show.bs.modal', function(e) {
|
||
|
||
let btn = $(e.relatedTarget);
|
||
$('#formHapusTransaksi').attr('action', baseUrl + '/' + btn.data('id'));
|
||
|
||
});
|
||
|
||
/* FILTER */
|
||
let timer;
|
||
|
||
$('input[name=search]').on('keyup', function() {
|
||
|
||
clearTimeout(timer);
|
||
|
||
timer = setTimeout(function() {
|
||
$('#formFilter').submit();
|
||
}, 500);
|
||
|
||
});
|
||
|
||
$('select[name=jenis],select[name=bulan],select[name=tahun],select[name=perPage]')
|
||
.on('change', function() {
|
||
|
||
$('#formFilter').submit();
|
||
|
||
});
|
||
</script>
|
||
|
||
@if (session('success'))
|
||
<script>
|
||
Swal.fire({
|
||
icon: 'success',
|
||
title: 'Berhasil',
|
||
text: "{{ session('success') }}",
|
||
timer: 2000,
|
||
showConfirmButton: false
|
||
});
|
||
</script>
|
||
@endif
|
||
|
||
|
||
@if ($errors->any() && !$errors->edit->any())
|
||
<script>
|
||
$(document).ready(function() {
|
||
$('#modalTransaksi').modal('show');
|
||
|
||
let jenis = "{{ old('jenis_transaksi') }}";
|
||
|
||
if (jenis === 'keluar') {
|
||
$('.harga-tambah').hide();
|
||
$('#hargaTambah').prop('disabled', true);
|
||
} else {
|
||
$('.harga-tambah').show();
|
||
$('#hargaTambah').prop('disabled', false);
|
||
}
|
||
|
||
hitungTambah();
|
||
});
|
||
</script>
|
||
@endif
|
||
|
||
|
||
|
||
@if ($errors->edit->any())
|
||
<script>
|
||
$(document).ready(function() {
|
||
|
||
let id = "{{ session('edit_id') }}";
|
||
|
||
// SET ACTION WAJIB!
|
||
$('#formEditTransaksi').attr('action', "{{ route('pakan') }}/" + id);
|
||
|
||
$('#modalEditTransaksi').modal('show');
|
||
|
||
// isi pakai old input
|
||
$('#jenisEdit').val("{{ old('jenis_transaksi') }}");
|
||
$('#tanggalEdit').val("{{ old('tanggal') }}");
|
||
$('#jumlahEdit').val("{{ old('jumlah') }}");
|
||
|
||
let nama = "{{ old('nama_barang') }}";
|
||
$('#namaEdit option').each(function() {
|
||
if ($(this).val().toLowerCase() === nama.toLowerCase()) {
|
||
$(this).prop('selected', true);
|
||
}
|
||
});
|
||
|
||
let harga = "{{ old('harga_satuan') }}";
|
||
if (harga) {
|
||
$('#hargaEdit').val(formatRupiah(harga));
|
||
}
|
||
|
||
$('#jenisEdit').trigger('change');
|
||
hitungEdit();
|
||
});
|
||
</script>
|
||
@endif
|
||
@endsection
|