70344ff310
Menambahkan elemen input untuk unggah file revisi pada halaman otorisasi permohonan serta validasi pada berkas unggahan. Apabila tidak ada berkas yang diunggah, akan muncul pesan kesalahan yang meminta pengguna untuk mengunggah berkas revisi. Juga ditambahkan event listener untuk menghilangkan pesan kesalahan setelah berkas diunggah.
237 lines
10 KiB
PHP
237 lines
10 KiB
PHP
@extends('layouts.main')
|
|
|
|
@section('breadcrumbs')
|
|
{{ Breadcrumbs::render(request()->route()->getName()) }}
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
|
|
<div class="card">
|
|
<div class="card-header" id="advanced_settings_appearance">
|
|
<h3 class="card-title">
|
|
Data Permohonan
|
|
</h3>
|
|
</div>
|
|
<div class="card-body lg:py-7.5 grid grid-cols-3">
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Nomor Register Permohonan:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $permohonan->nomor_registrasi }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Pemohon:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $permohonan->user->nik }} | {{ $permohonan->user->name }} | {{ $permohonan->user->branch->name }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Tujan Permohonan:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $permohonan->tujuanPenilaian->name }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Nilai Plafond:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $permohonan->nilaiPlafond->name }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Status Bayar:
|
|
</h3>
|
|
<span class="text-md font-bold {{ $permohonan->status_bayar === 'belum_bayar' ? 'text-red-600' : 'text-green-600' }} uppercase">
|
|
{{ str_replace('_',' ',$permohonan->status_bayar) }}
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card min-w-full">
|
|
<div class="card-header">
|
|
<h3 class="card-title">
|
|
Detail Debutur
|
|
</h3>
|
|
</div>
|
|
<div class="card-table scrollable-x-auto pb-3">
|
|
<div class="grid grid-cols-1 xl:grid-cols-2 gap-5 lg:gap-7.5">
|
|
<div class="col-span-1">
|
|
<table class="table align-middle text-sm text-gray-500">
|
|
<tr>
|
|
<td class="py-2 text-gray-600 font-normal">
|
|
Name
|
|
</td>
|
|
<td class="py-2 text-gray-800 font-normaltext-sm">
|
|
{{ $permohonan->debiture->name ?? "" }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3">
|
|
Email
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-2sm font-normal">
|
|
{{ $permohonan->debiture->email ?? "" }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3">
|
|
Phone
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-2sm font-normal">
|
|
{{ $permohonan->debiture->phone ?? "" }}
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="py-3 text-gray-600 font-normal">
|
|
Address
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-sm font-normal">
|
|
{{ $permohonan->debiture->address ?? "" }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3 text-gray-600 font-normal">
|
|
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-sm font-normal">
|
|
{{ $permohonan->debiture->village->name ?? "" }}, {{ $permohonan->debiture->district->name ?? "" }}, {{ $permohonan->debiture->city->name ?? "" }}, {{ $permohonan->debiture->province->name ?? "" }} - {{ $permohonan->debiture->village->postal_code ?? "" }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="col-span-1">
|
|
<table class="table align-middle text-sm text-gray-500">
|
|
<tr>
|
|
<td class="py-3 text-gray-600 font-normal">
|
|
Cabang
|
|
</td>
|
|
<td class="py-2 text-gray-800 font-normaltext-sm">
|
|
{{ $permohonan->debiture->branch->name ?? "" }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3 text-gray-600 font-normal">
|
|
CIF
|
|
</td>
|
|
<td class="py-2 text-gray-800 font-normaltext-sm">
|
|
{{ $permohonan->debiture->cif ?? "" }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3 text-gray-600 font-normal">
|
|
Nomor Rekening
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-sm font-normal">
|
|
{{ $permohonan->debiture->nomor_rekening ?? "" }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3">
|
|
NPWP
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-2sm font-normal">
|
|
{{ $permohonan->debiture->npwp ?? "" }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@include('lpj::component.detail-jaminan')
|
|
|
|
<div class="card">
|
|
<form action="{{ route('authorization.update', $permohonan->id) }}" method="POST" id="authorizationForm">
|
|
<input type="hidden" name="_method" value="PUT">
|
|
@csrf
|
|
<div class="card-body lg:py-7.5">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">
|
|
Catatan
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea" rows="3" type="number" id="keterangan" name="keterangan"></textarea>
|
|
<em class="alert text-danger text-sm" id="keterangan-message"></em>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 mt-2" id="fileUploadSection">
|
|
<label class="form-label max-w-56">
|
|
Upload File Revisi
|
|
</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="file" class="file-input" id="revisionFile" name="revisionFile">
|
|
<em class="alert text-danger text-sm hidden" id="file-message"></em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer flex justify-end">
|
|
<button type="submit" name="status" value="preregister" class="btn btn-success">
|
|
Approve
|
|
</button>
|
|
<button type="submit" name="status" value="revisi" id="revisi" class="btn btn-warning ml-3">
|
|
Revisi
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const form = document.getElementById('authorizationForm');
|
|
const keterangan = document.getElementById('keterangan');
|
|
const revisiBtn = document.getElementById('revisi');
|
|
const keteranganMessage = document.getElementById('keterangan-message');
|
|
|
|
const revisionFile = document.getElementById('revisionFile');
|
|
const fileMessage = document.getElementById('file-message');
|
|
|
|
|
|
form.addEventListener('submit', function(event) {
|
|
if (event.submitter === revisiBtn && keterangan.value.trim() === '') {
|
|
event.preventDefault();
|
|
keteranganMessage.textContent = 'Catatan harus diisi.';
|
|
} else {
|
|
keteranganMessage.textContent = '';
|
|
}
|
|
|
|
if (!revisionFile.files.length) {
|
|
event.preventDefault();
|
|
fileMessage.textContent = 'File revisi harus diunggah.';
|
|
fileMessage.classList.remove('hidden');
|
|
} else {
|
|
fileMessage.classList.add('hidden');
|
|
}
|
|
});
|
|
|
|
// Add event listener for typing in keterangan textarea
|
|
keterangan.addEventListener('input', function() {
|
|
keteranganMessage.classList.add('hidden');
|
|
});
|
|
|
|
// Add event listener for file selection
|
|
revisionFile.addEventListener('change', function() {
|
|
fileMessage.classList.add('hidden');
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|