update form inspeksi (tanah, bangunan, dan unit apartement)

This commit is contained in:
majid
2024-11-11 17:24:22 +07:00
parent 1f033a6f25
commit a809828b80
10 changed files with 1315 additions and 1188 deletions

View File

@@ -1,238 +1,5 @@
<div class=" card w-full bg-white rounded-lg shadow-md overflow-hidden">
<div class="card-body">
<div class="py-4">
<h1 class="text-md font-medium text-gray-900">Order Penilaian</h1>
</div>
<div class="grid gap-5 grid-cols-2">
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Tujuan Penilaian</label>
<div class="flex flex-wrap items-baseline w-full">
@if (isset($permohonan->tujuanPenilaian))
<p class="text-2sm text-gray-700">{{ $permohonan->tujuanPenilaian->name }}</p>
@endif
</div>
</div>
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Tanggal Survey</label>
<div class="flex flex-wrap items-base line w-full">
<p class="text-2sm text-gray-700">{{ $permohonan->created_at->format('d/m/Y') }}</p>
</div>
</div>
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Cab/Direktorat</label>
<div class="flex flex-wrap items-baseline w-full">
@if (isset($permohonan->branch))
<p class="text-2sm text-gray-700">{{ $permohonan->branch->name }}</p>
@endif
</div>
</div>
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">AO</label>
<div class="flex flex-wrap items-baseline w-full">
@if (isset($permohonan->user))
<p class="text-2sm text-gray-700">{{ $permohonan->user->name }}</p>
@endif
</div>
</div>
</div>
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5" style="margin-top: 20px">
<label class="form-label max-w-56">Debitur/Perwakilan</label>
<div id="perwakilan" class="flex flex-wrap items-baseline w-full gap-5">
<div class="perwakilan flex flex-wrap w-full items-baseline gap-2 ">
<input type="text" class="input form-control" name="debitur_perwakilan[]"
placeholder="Masukkan Debitur/Perwakilan" />
<button type="button" class="btn btn-danger btn-outline btn-xs delete-button"
style="display: none">Hapus</button>
</div>
</div>
<button id="addPerwakilan" type="button" class="btn-md btn btn-primary">
<i class="ki-filled ki-plus"></i>
</button>
</div>
</div>
</div>
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
<div class="card-body">
<div class="py-4 px-6">
<h1 class="text-md font-medium text-gray-900">Nama Cadeb/Debitur</h1>
</div>
<div class="grid gap-5">
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Nama</label>
<div class="flex flex-wrap items-baseline w-full">
@if (isset($permohonan->debiture))
<p class="text-2sm text-gray-700">{{ $permohonan->debiture->name }}</p>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
<div class="card-body">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Deskripsi Aset jaminan</h1>
</div>
<div class="grid gap-5">
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Jenis Aset</label>
<div>
<div class="flex flex-wrap items-baseline w-full">
@if (isset($permohonan->debiture->documents))
@foreach ($permohonan->debiture->documents as $item)
<p class="text-2sm text-gray-700">{{ $item->jenisJaminan->name }}</p>
@endforeach
@endif
</div>
<div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-3 text-nowrap">
<input onclick="toggleJenisAsset('jenis_asset')" type="radio" class="radio"
name="jenis_asset" value="sesuai">
<span class="ml-2">Ya</span>
</label>
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input onclick="toggleJenisAsset('jenis_asset')" type="radio" class="radio"
name="jenis_asset" value="tidak sesuai">
<span class="ml-2">Tidak</span>
</label>
<!-- Select dropdown untuk "Tidak Sesuai" -->
<select id="jenis_asset"
class="input w-full @error('jenis_asset_tidak_sesuai') border-danger bg-danger-light @enderror"
name="jenis_asset_tidak_sesuai" style="display: none;">
<option value="">Select Jenis asset</option>
@if (isset($arahMataAngin))
@foreach ($arahMataAngin as $item)
<option value="{{ $item->name }}"
{{ old('jenis_asset_tidak_sesuai') == $item->name ? 'selected' : '' }}>
{{ $item->name }}
</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Alamat</label>
<div>
@foreach ($permohonan->debiture->documents as $dokumen)
<span class="text-2sm text-gray-700">
{{ $dokumen->pemilik->address ?? '' }},
<br> {{ $dokumen->pemilik->village->name ?? '' }},
{{ $dokumen->pemilik->district->name ?? '' }}, {{ $dokumen->pemilik->city->name ?? '' }},
{{ $dokumen->pemilik->province->name ?? '' }} -
{{ $dokumen->pemilik->village->postal_code ?? '' }}
</span>
@endforeach
<div class="flex flex-wrap items-baseline w-full">
<div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-3 text-nowrap">
<input onclick="toggleAlamat('alamat')" type="radio" class="radio" name="alamat"
value="sesuai">
<span class="ml-2">Ya</span>
</label>
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input onclick="toggleAlamat('alamat')" type="radio" class="radio" name="alamat"
value="tidak sesuai">
<span class="ml-2">Tidak</span>
</label>
<input type="text" name="alamat_tidak_sesuai" id="alamat" class="input w-full"
placeholder="Masukan jenis asset Tanah" value="{{ old('alamat_tidak_sesuai') }}"
style="display: none;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
<div class="card-body">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Titik Koordinat Google Maps</h1>
</div>
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Koordinat</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="grid grid-cols-3 gap-4 items-center w-full">
<input class="input" type="text" name="lat" id="lat"
value="{{ old('lat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->lat : '') }}"
@readonly(true)>
<input class="input" type="text" name="lng" id="lng"
value="{{ old('lng', isset($analisa->analisaFakta) ? $analisa->analisaFakta->lng : '') }}"
@readonly(true)>
<button class="btn btn-primary">Ambil Kordinat</button>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class=" mx-auto bg-white rounded-lg overflow-text">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Status Kepemilikan</h1>
</div>
</div>
<div class=" mx-auto bg-white rounded-lg overflow-hidden">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Izin Bangunan</h1>
</div>
</div>
<div class=" mx-auto bg-white rounded-lg overflow-hidden">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">SPPT PBB</h1>
</div>
</div>
<div class=" mx-auto bg-white rounded-lg overflow-hidden">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Dokument Lainnya</h1>
</div>
</div>
<div class=" mx-auto bg-white rounded-lg overflow-hidden">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Hubungan cadeb/debitur dengan Pemilik Jaminan</h1>
</div>
</div>
<div class=" mx-auto bg-white rounded-lg overflow-hidden">
<div class="py-4 ">
<h1 class="text-md font-medium text-gray-900">Hubungan Cadeb/Debitur dengan Penghuni Jaminan</h1>
</div>
</div>
</div>
</div>
@include('lpj::surveyor.components.header')
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
<div class="card-body">
@@ -255,26 +22,25 @@
<p class="text-2sm text-gray-700">{{ $luas_tanah }} m2</p>
@endforeach
@endif
<div class="flex flex-wrap items-baseline w-full">
<div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-3 text-nowrap">
<input type="radio" class="radio" name="luas" value="sesuai"
onclick="toggleTidakSesuai('luas')">
<span class="ml-2">Sesuai</span>
</label>
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input type="radio" class="radio" name="luas" value="tidak sesuai"
onclick="toggleTidakSesuai('luas')">
<span class="ml-2">Tidak Sesuai</span>
</label>
<input type="text" name="luas_tanah" id="luas_tidak_sesuai" class="input w-full"
placeholder="Masukan Luas Tanah" value="{{ old('luas_tanah') }}"
style="display: none;">
<div class="flex-wrap items-stretch">
<div class="flex flex-wrap items-baseline w-full">
<div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-3 text-nowrap">
<input type="radio" class="radio" name="luas_tanah" value="sesuai"
onclick="toggleTidakSesuai('luas_tanah', 'luas_tanah_tidak_sesuai')">
<span class="ml-2">Sesuai</span>
</label>
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input type="radio" class="radio" name="luas_tanah" value="tidak sesuai"
onclick="toggleTidakSesuai('luas_tanah', 'luas_tanah_tidak_sesuai')">
<span class="ml-2">Tidak Sesuai</span>
</label>
<input type="text" name="luas_tanah_tidak_sesuai" id="luas_tanah_tidak_sesuai"
class="input w-full" placeholder="Masukan Luas Tanah"
value="{{ old('luas_tanah_tidak_sesuai') }}" style="display: none;">
</div>
<em id="error-luas_tanah" class="alert text-danger text-sm"></em>
</div>
@error('luas')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
</div>
</div>
</div>
@@ -282,22 +48,22 @@
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Hadap Mata Angin</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-3 text-nowrap">
<input type="radio" class="radio" name="hadap_mata_angin" value="sesuai"
onclick="toggleTidakSesuaiHadap(false)">
onclick="toggleTidakSesuai('hadap_mata_angin', 'hadap_mata_angin_tidak_sesuai')">
<span class="ml-2">Sesuai</span>
</label>
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input type="radio" class="radio" name="hadap_mata_angin" value="tidak sesuai"
onclick="toggleTidakSesuaiHadap(true)">
onclick="toggleTidakSesuai('hadap_mata_angin', 'hadap_mata_angin_tidak_sesuai')">
<span class="ml-2">Tidak Sesuai</span>
</label>
<!-- Select dropdown untuk "Tidak Sesuai" -->
<select id="selectTidakSesuai"
<select id="hadap_mata_angin_tidak_sesuai"
class="input w-full @error('hadap_mata_angin_tidak_sesuai') border-danger bg-danger-light @enderror"
name="hadap_mata_angin_tidak_sesuai" style="display: none;">
<option value="">Select Hadap Mata Angin</option>
@@ -311,10 +77,7 @@
@endif
</select>
</div>
@error('hadap_mata_angin_tidak_sesuai')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-hadap_mata_angin" class="alert text-danger text-sm"></em>
</div>
</div>
@@ -322,13 +85,15 @@
<!-- Bentuk Tanah -->
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Bentuk Tanah</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="flex flex-col items-start gap-4">
@if (isset($bentukTanah))
@foreach ($bentukTanah as $item)
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input class="checkbox" name="bentuk_tanah[]" type="checkbox"
value="{{ $item->name }}" />
value="{{ $item->name }}"
{{ in_array($item->name, old('bentuk_tanah', [])) ? 'checked' : '' }}
onClick="toggleTidakSesuai('bentuk_tanah', 'bentuk_tanah_lainnya')" />
{{ $item->name }}
</label>
@if (strcasecmp($item->name, 'lainnya') == 0)
@@ -338,25 +103,23 @@
value="{{ $item->name }}" />
{{ $item->name }}
</label>
<input type="text" name="bentuk_tanah[]" class="input w-full mt-2"
id="bentukTanahInput" placeholder="Masukkan bentuk tanah...">
<input id="bentuk_tanah_lainnya" type="text" name="bentuk_tanah_lainnya"
class="input w-full mt-2" id="bentukTanahInput"
placeholder="Masukkan bentuk tanah..."
onclick="toggleTidakSesuai('bentuk_tanah', 'bentuk_tanah_lainnya')">
</div>
@endif
@endforeach
@endif
</div>
@error('bentuk_tanah')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-bentuk_tanah" class="alert text-danger text-sm"></em>
</div>
</div>
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Kontur Tanah</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="flex flex-col items-start gap-4">
@if (isset($konturTanah))
@@ -369,9 +132,7 @@
@endforeach
@endif
</div>
@error('kontur_tanah')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-kontur_tanah" class="alert text-danger text-sm"></em>
</div>
</div>
@@ -379,7 +140,7 @@
<!-- Beda Ketinggian Dengan Jalan -->
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Beda Ketinggian Dengan Jalan</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="flex flex-col items-start gap-4">
@@ -393,9 +154,7 @@
@endforeach
@endif
</div>
@error('ketinggian_jalan')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-ketinggian_jalan" class="alert text-danger text-sm"></em>
</div>
</div>
@@ -416,17 +175,14 @@
<span class="ml-2">Rata</span>
</label>
</div>
@error('kontur_jalan')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-kontur_jalan" class="alert text-danger text-sm"></em>
</div>
</div>
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Posisi Kavling</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="flex flex-col items-start gap-4">
@if (isset($posisiKavling))
@foreach ($posisiKavling as $item)
@@ -442,17 +198,14 @@
value="{{ $item->name }}" />
{{ $item->name }}
</label>
<input type="text" name="posisi_kavling[]" class="input mt-2"
<input type="text" name="posisi_kavling_lainnya" class="input mt-2"
id="bentukTanahInput" placeholder="Masukkan Posisi Kavling">
</div>
@endif
@endforeach
@endif
</div>
@error('posisi_kavling')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-posisi_kavling" class="alert text-danger text-sm"></em>
</div>
</div>
@@ -460,7 +213,7 @@
<!-- Tusuk Sate -->
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Tusuk Sate</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="grid grid-cols-2 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input type="radio" class="radio" name="tusuk_sate" value="yes"
@@ -473,17 +226,14 @@
<span class="ml-2">Tidak</span>
</label>
</div>
@error('tusuk_sate')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-tusuk_sate" class="alert text-danger text-sm"></em>
</div>
</div>
<!-- Lockland -->
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Locklande</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="grid grid-cols-2 md:grid-cols-3 gap-4 mt-2">
<label class="form-label flex items-center gap-2.5 text-nowrap">
<input type="radio" class="radio" name="lockland" value="yes"
@@ -496,9 +246,7 @@
<span class="ml-2">Tidak</span>
</label>
</div>
@error('lockland')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-lockland" class="alert text-danger text-sm"></em>
</div>
</div>
@@ -506,7 +254,7 @@
<div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
<label class="form-label max-w-56">Kondisi Fisik Tanah</label>
<div class="flex flex-wrap items-baseline w-full">
<div class="flex-wrap items-stretch">
<div class="flex flex-col items-start gap-4">
@if (isset($kondisiFisikTanah))
@@ -530,9 +278,7 @@
@endforeach
@endif
</div>
@error('kondisi_fisik_tanah')
<em class="alert text-danger text-sm">{{ $message }}</em>
@enderror
<em id="error-kondisi_fisik_tanah" class="alert text-danger text-sm"></em>
</div>
</div>
</div>
@@ -557,16 +303,9 @@
}
function toggleTidakSesuai(params) {
const inputData = document.querySelector(`input[name="${params}"]:checked`);
const luasTanah = document.getElementById('luas_tanah');
if (inputData && inputData.value === 'tidak sesuai') {
luasTanah.style.display = 'block';
} else {
luasTanah.style.display = 'none';
}
}
function toggleJenisAsset(params) {