c153990c52
- ActivityController: tambah default order `nomor_registrasi` desc; rapikan komentar & alur sorting - LaporanHasilPenilaianJaminanInternalExternalController: pencarian debitur case-insensitive via `LOWER(name)`; normalisasi angka LPJ (luas_tanah, nilai_bangunan, likuidasi, NPW); perapihan spacing - LaporanPenilaiJaminanController: validasi `start_date`/`end_date` dan buat nama file ekspor dinamis via `createNameLaporan`; gunakan `LaporanPenilaiJaminanExport($request)`; helper `getBranchId` - LaporanPenilaianJaminanController: standarisasi respons JSON datatables; tambah `export(Request)` dengan nama `laporan_penilaian_jaminan_<start>_<end>.xlsx` - NilaiPlafondController: bungkus proses datatables dalam transaksi DB (commit/rollback) dengan try/catch; tambah logging info/error; rapikan dan standarisasi respons JSON - PenilaiController: map data pembanding ke `pembanding1/2/3`; tambah `print_out_laporan` dan `showLaporanInspeksi` (penentuan route back); stub `showInspectionReportReview`; perapihan minor - Views debitur/components/debitur: perbaiki closing textarea, konsistensi event listener `function ()`, rapikan markup error - Views debitur/components/jaminan: fallback `dokumen_nomor[$index] ?? ''` untuk hindari undefined index - Views laporan/index: akses aman dengan optional chaining `?.`, fallback tanggal pada `formatDate`, akses `nilaiPlafond` aman - Views laporan-penilai-jaminan/index + show: JS toggle tab (Laporan vs Hasil Inspeksi), CSS `hidden-tab`, gaya floating button, perapihan - Views debitur/index: rapikan directive `@if` spacing pada tombol tambah - Views noc/penyelesaian: perbaiki route key ke `noc.datatables.penyelesaian`
347 lines
16 KiB
PHP
347 lines
16 KiB
PHP
<form action="{{ isset($debitur->id) ? route('debitur.update', $debitur->id) : route('debitur.store') }}" method="POST" id="debitur-form" class="grid gap-5">
|
|
@if(isset($debitur->id))
|
|
<input type="hidden" name="id" value="{{ $debitur->id }}">
|
|
@method('PUT')
|
|
@endif
|
|
@csrf
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="gap-1 form-label max-w-56">
|
|
Cabang
|
|
<span class="text-danger">*</span>
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
@if(auth()->user()->hasRole('administrator'))
|
|
<select class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror" name="branch_id" id="branch_id">
|
|
<option value="">Pilih Cabang</option>
|
|
@foreach($branches as $branch)
|
|
<option value="{{ $branch->id }}" {{ (isset($debitur) && $branch->id == $debitur->branch_id) || (old('branch_id') == $branch->id) ? 'selected' : '' }}>
|
|
{{ $branch->name }}
|
|
</option>
|
|
@endforeach
|
|
</select>
|
|
@else
|
|
<input type="hidden" name="branch_id" value="{{ auth()->user()->branch_id }}">
|
|
<input type="text" class="w-full input" value="{{ auth()->user()->branch->name }}" readonly>
|
|
@endif
|
|
@error('branch_id')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="gap-1 form-label max-w-56">
|
|
CIF
|
|
<span class="text-danger">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input class="input @error('cif') border-danger bg-danger-light @enderror" type="number" id="cif" name="cif" value="{{ $debitur->cif ?? '0000000000' }}">
|
|
@error('cif')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="form-label max-w-56">
|
|
Nomor Rekening
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input class="input @error('nomor_rekening') border-danger bg-danger-light @enderror" type="number" name="nomor_rekening" value="{{ $debitur->nomor_rekening ?? '' }}">
|
|
@error('nomor_rekening')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="gap-1 form-label max-w-56">
|
|
Nama Debitur
|
|
<span class="text-danger">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input required class="input @error('name') border-danger bg-danger-light @enderror" type="text" name="name" value="{{ $debitur->name ?? '' }}">
|
|
@error('name')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="form-label max-w-56">
|
|
NPWP
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input class="input @error('npwp') border-danger bg-danger-light @enderror" type="number" name="npwp" value="{{ $debitur->npwp ?? '' }}">
|
|
@error('npwp')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="form-label max-w-56">
|
|
Email
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input class="input @error('email') border-danger bg-danger-light @enderror" type="email" name="email" value="{{ $debitur->email ?? '' }}">
|
|
@error('email')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="form-label max-w-56">
|
|
No Handphone
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input class="input @error('phone') border-danger bg-danger-light @enderror" type="number" name="phone" value="{{ $debitur->phone ?? '' }}">
|
|
@error('phone')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
|
|
<label class="gap-1 form-label max-w-56">
|
|
Alamat
|
|
<span class="text-danger">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col gap-2 w-full lg:flex-row">
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select required id="province_code" name="province_code" class="select w-full @error('province_code') border-danger bg-danger-light @enderror">
|
|
<option value="">Select Province</option>
|
|
@foreach($provinces as $province)
|
|
@if(isset($debitur))
|
|
<option value="{{ $province->code }}" {{ isset($debitur->province_code) && $debitur->province_code == $province->code?'selected' : '' }}>
|
|
{{ $province->name }}
|
|
</option>
|
|
@else
|
|
<option value="{{ $province->code }}">
|
|
{{ $province->name }}
|
|
</option>
|
|
@endif
|
|
@endforeach
|
|
</select>
|
|
@error('province_code')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select required id="city_code" name="city_code" class="select w-full @error('city_code') border-danger bg-danger-light @enderror">
|
|
<option value="">Select City</option>
|
|
@if(isset($cities))
|
|
@foreach($cities as $city)
|
|
@if(isset($debitur))
|
|
<option value="{{ $city->code }}" {{ isset($debitur->city_code) && $debitur->city_code == $city->code?'selected' : '' }}>
|
|
{{ $city->name }}
|
|
</option>
|
|
@else
|
|
<option value="{{ $city->code }}">
|
|
{{ $city->name }}
|
|
</option>
|
|
@endif
|
|
@endforeach
|
|
|
|
@endif
|
|
</select>
|
|
@error('city_code')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col gap-2 mt-2 w-full lg:flex-row lg:mt-5">
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select required id="district_code" name="district_code" class="select w-full @error('district_code') border-danger bg-danger-light @enderror">
|
|
<option value="">Select District</option>
|
|
@if(isset($districts))
|
|
@foreach($districts as $district)
|
|
@if(isset($debitur))
|
|
<option value="{{ $district->code }}" {{ isset($debitur->district_code) && $debitur->district_code == $district->code?'selected' : '' }}>
|
|
{{ $district->name }}
|
|
</option>
|
|
@else
|
|
<option value="{{ $district->code }}">
|
|
{{ $district->name }}
|
|
</option>
|
|
@endif
|
|
@endforeach
|
|
|
|
@endif
|
|
</select>
|
|
@error('district_code')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select required id="village_code" name="village_code" class="select w-full @error('district_code') border-danger bg-danger-light @enderror">
|
|
<option value="">Select Village</option>
|
|
@if(isset($villages))
|
|
@foreach($villages as $village)
|
|
@if(isset($debitur))
|
|
<option value="{{ $village->code }}" {{ isset($debitur->village_code) && $debitur->village_code == $village->code?'selected' : '' }}>
|
|
{{ $village->name }}
|
|
</option>
|
|
@else
|
|
<option value="{{ $village->code }}">
|
|
{{ $village->name }}
|
|
</option>
|
|
@endif
|
|
@endforeach
|
|
|
|
@endif
|
|
</select>
|
|
@error('district_code')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input required class="input @error('postal_code') border-danger bg-danger-light @enderror" type="number" id="postal_code" name="postal_code" value="{{ $debitur->postal_code ?? '' }}" placeholder="Postal Code">
|
|
@error('postal_code')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row mt-2 w-full lg:mt-5">
|
|
<textarea required class="textarea @error('address') border-danger bg-danger-light @enderror" rows="3" id="address" name="address" placeholder="Alamat Lengkap">{{ $debitur->address ?? '' }}</textarea>
|
|
@error('address')
|
|
<em class="text-sm alert text-danger">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-end">
|
|
<button type="submit" class="btn btn-primary" id="submit">
|
|
Save
|
|
</button>
|
|
</div>
|
|
</form>
|
|
@push('scripts')
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const form = document.getElementById('debitur-form');
|
|
const nameInput = form.querySelector('input[name="name"]');
|
|
const provinceSelect = form.querySelector('#province_code');
|
|
const citySelect = form.querySelector('#city_code');
|
|
const districtSelect = form.querySelector('#district_code');
|
|
const villageSelect = form.querySelector('#village_code');
|
|
const postalCodeInput = form.querySelector('#postal_code');
|
|
const addressTextarea = form.querySelector('#address');
|
|
const branchSelect = document.getElementById('branch_id');
|
|
const cifInput = document.getElementById('cif');
|
|
const submitButton = document.getElementById('submit');
|
|
|
|
function validateField(field, errorMessage) {
|
|
const value = field.value.trim();
|
|
if (value.length === 0) {
|
|
field.classList.add('border-danger', 'bg-danger-light');
|
|
const existingError = field.parentElement.querySelector('.alert.text-danger');
|
|
if (!existingError) {
|
|
const em = document.createElement('em');
|
|
em.className = 'alert text-danger text-sm';
|
|
em.textContent = errorMessage;
|
|
field.parentElement.appendChild(em);
|
|
}
|
|
return false;
|
|
} else {
|
|
field.classList.remove('border-danger', 'bg-danger-light');
|
|
const existingError = field.parentElement.querySelector('.alert.text-danger');
|
|
if (existingError) {
|
|
existingError.remove();
|
|
}
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function validateBranch() {
|
|
return validateField(branchSelect, 'Cabang is required');
|
|
}
|
|
|
|
function validateCIF() {
|
|
return validateField(cifInput, 'CIF is required');
|
|
}
|
|
|
|
function validateName() {
|
|
return validateField(nameInput, 'Nama Debitur is required');
|
|
}
|
|
|
|
function validateProvince() {
|
|
return validateField(provinceSelect, 'Province is required');
|
|
}
|
|
|
|
function validateCity() {
|
|
return validateField(citySelect, 'City is required');
|
|
}
|
|
|
|
function validateDistrict() {
|
|
return validateField(districtSelect, 'District is required');
|
|
}
|
|
|
|
function validateVillage() {
|
|
return validateField(villageSelect, 'Village is required');
|
|
}
|
|
|
|
function validatePostalCode() {
|
|
return validateField(postalCodeInput, 'Postal Code is required');
|
|
}
|
|
|
|
function validateAddress() {
|
|
return validateField(addressTextarea, 'Address is required');
|
|
}
|
|
|
|
nameInput.addEventListener('blur', validateName);
|
|
nameInput.addEventListener('input', validateName);
|
|
provinceSelect.addEventListener('change', validateProvince);
|
|
citySelect.addEventListener('change', validateCity);
|
|
districtSelect.addEventListener('change', validateDistrict);
|
|
villageSelect.addEventListener('change', validateVillage);
|
|
postalCodeInput.addEventListener('blur', validatePostalCode);
|
|
postalCodeInput.addEventListener('input', validatePostalCode);
|
|
addressTextarea.addEventListener('blur', validateAddress);
|
|
addressTextarea.addEventListener('input', validateAddress);
|
|
branchSelect.addEventListener('change', validateVillage);
|
|
cifInput.addEventListener('blur', validateCIF);
|
|
cifInput.addEventListener('input', validateName);
|
|
|
|
function validateAllFields() {
|
|
const isValid =
|
|
validateBranch() &&
|
|
validateCIF() &&
|
|
validateName() &&
|
|
validateProvince() &&
|
|
validateCity() &&
|
|
validateDistrict() &&
|
|
validateVillage() &&
|
|
validatePostalCode() &&
|
|
validateAddress();
|
|
|
|
return isValid;
|
|
}
|
|
|
|
form.addEventListener('submit', function (event) {
|
|
const isValid =
|
|
validateBranch() &&
|
|
validateCIF() &&
|
|
validateName() &&
|
|
validateProvince() &&
|
|
validateCity() &&
|
|
validateDistrict() &&
|
|
validateVillage() &&
|
|
validatePostalCode() &&
|
|
validateAddress();
|
|
|
|
if (!isValid) {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
submitButton.addEventListener('click', function (event) {
|
|
if (!validateAllFields()) {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|