731 lines
40 KiB
PHP
731 lines
40 KiB
PHP
<div class=" card w-full bg-white rounded-lg shadow-md ">
|
|
<div class="card-header">
|
|
<h3 class="card-title uppercase">
|
|
Form Inspeksi
|
|
</h3>
|
|
<div class="flex items-center gap-2">
|
|
<a href="{{ route('surveyor.show', ['id' => request('inspeksi')]) }}" class="btn btn-xs btn-info">
|
|
<i class="ki-filled ki-exit-left"></i> Back
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
|
|
@if (isset($forminspeksi['asset']['debitur_perwakilan']) && !empty($forminspeksi['asset']['debitur_perwakilan']))
|
|
|
|
<div id="perwakilan" class="flex flex-wrap items-baseline w-full gap-5">
|
|
@foreach ($forminspeksi['asset']['debitur_perwakilan'] as $key => $item)
|
|
<div class="perwakilan flex flex-wrap w-full items-baseline gap-2 ">
|
|
<input type="text" class="input form-control" name="debitur_perwakilan[]"
|
|
value="{{ old('debitur_perwakilan.' . $key, $item) }}"
|
|
placeholder="Masukkan Debitur/Perwakilan" />
|
|
<button type="button" class="btn btn-danger btn-outline btn-xs remove-btn">Hapus</button>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@else
|
|
<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[]"
|
|
value="{{ old('debitur_perwakilan') }}" placeholder="Masukkan Debitur/Perwakilan" />
|
|
<button type="button" class="btn btn-danger btn-outline btn-xs remove-btn"
|
|
style="display: none">Hapus
|
|
</button>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
<button onclick="addClonableItem('perwakilan', 'perwakilan')" type="button" class="btn-md btn btn-primary">
|
|
<i class="ki-filled ki-plus"></i>
|
|
</button>
|
|
<em id="error-debitur_perwakilan" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
|
|
<div class="card-header">
|
|
<h1 class="text-md font-medium text-gray-900 uppercase">Nama Cadeb/Debitur</h1>
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
|
|
<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 ">
|
|
<div class="card-header">
|
|
<h1 class="text-md font-medium text-gray-900 uppercase">Deskripsi Aset jaminan</h1>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="grid gap-5 w-full">
|
|
<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>
|
|
<input type="hidden" name="jenis_asset_name" value="{{ $item->jenisJaminan->name }}">
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<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 onclick="toggleFieldVisibility('jenis_asset', 'jenis_asset', ['tidak sesuai'])"
|
|
type="radio" class="radio" name="jenis_asset" value="sesuai"
|
|
{{ isset($forminspeksi['asset']['jenis_asset']['sesuai']) ? 'checked' : '' }}>
|
|
<span class="ml-2">Ya</span>
|
|
</label>
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input onclick="toggleFieldVisibility('jenis_asset', 'jenis_asset', ['tidak sesuai'])"
|
|
type="radio" class="radio" name="jenis_asset" value="tidak sesuai"
|
|
{{ isset($forminspeksi['asset']['jenis_asset']['tidak sesuai']) ? 'checked' : '' }}>
|
|
<span class="ml-2">Tidak</span>
|
|
</label>
|
|
<!-- Select dropdown untuk "Tidak Sesuai" -->
|
|
@php
|
|
$statusKey = isset($forminspeksi['asset']['jenis_asset']['sesuai'])
|
|
? 'sesuai'
|
|
: 'tidak sesuai';
|
|
$selectedValue = $forminspeksi['asset']['jenis_asset'][$statusKey] ?? null;
|
|
@endphp
|
|
<div id="jenis_asset" class="flex items-baseline gap-2"
|
|
style="{{ isset($selectedValue) === 'tidak sesuai' ? '' : 'display: none;' }}">
|
|
<select id="jenis_asset_tidak_sesuai" class="input w-full"
|
|
name="jenis_asset_tidak_sesuai">
|
|
<option value="">Select Jenis asset</option>
|
|
@if (isset($basicData['jenisJaminan']))
|
|
@foreach ($basicData['jenisJaminan'] as $item)
|
|
<option value="{{ $item->id }}"
|
|
{{ old('jenis_asset_tidak_sesuai', $forminspeksi['asset']['jenis_asset_tidak_sesuai'] ?? '') == $item->name ? 'selected' : '' }}>
|
|
{{ $item->name }}
|
|
</option>
|
|
@endforeach
|
|
@endif
|
|
</select>
|
|
{{-- <button type="button" class="btn btn-md btn-primary"
|
|
onclick="updateAnalisa('jenis_asset')">Save</button> --}}
|
|
</div>
|
|
</div>
|
|
<em id="error-jenis_asset" class="alert text-danger text-sm"></em>
|
|
</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 class="w-full">
|
|
|
|
<span class="text-2sm text-gray-700">
|
|
{{ formatAlamat($permohonan->debiture) }}
|
|
</span>
|
|
|
|
|
|
<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 onclick="createAlamat('sesuai')" type="radio" class="radio"
|
|
name="alamat_sesuai" value="sesuai"
|
|
{{ old('jenis_asset', isset($forminspeksi['asset']['alamat']['sesuai'])) ? 'checked' : '' }}>
|
|
<span class="ml-2">Ya</span>
|
|
</label>
|
|
<label class="form-label flex items-center gap-3 text-nowrap">
|
|
<input onclick="createAlamat('tidak sesuai')" type="radio" class="radio"
|
|
name="alamat_sesuai" value="tidak sesuai"
|
|
{{ old('jenis_asset', isset($forminspeksi['asset']['alamat']['tidak sesuai'])) ? 'checked' : '' }}>
|
|
<span class="ml-2">Tidak</span>
|
|
</label>
|
|
</div>
|
|
<em id="error-alamat_sesuai" class="alert text-danger text-sm"></em>
|
|
<em id="error-alamat_sesuai" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
|
|
@php
|
|
$statusKey = isset($forminspeksi['asset']['alamat']['sesuai']) ? 'sesuai' : 'tidak sesuai';
|
|
$address = $forminspeksi['asset']['alamat'][$statusKey] ?? null;
|
|
|
|
@endphp
|
|
|
|
<div id="alamat_form" class="grid gap-2 mt-5" style="display: none;">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
|
|
<div class="card-header">
|
|
<h1 class="text-md font-medium text-gray-900 uppercase">Titik Koordinat Google Maps</h1>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">“Koordinat</label>
|
|
<div id="perwakilan" class="flex items-baseline w-full gap-5">
|
|
<div class="grid grid-cols-2 gap-4 items-center w-full">
|
|
<input class="input" type="text" placeholder="Masukan Koordinat Latitude" type="text"
|
|
name="kordinat_lat" id="lat"
|
|
value="{{ old('kordinat_lat', isset($forminspeksi['asset']['kordinat_lat']) ? $forminspeksi['asset']['kordinat_lat'] : '') }}">
|
|
<input class="input" type="text" placeholder="Masukan Koordinat Longitude"
|
|
name="kordinat_lng" id="lng"
|
|
value="{{ old('kordinat_lng', isset($forminspeksi['asset']['kordinat_lng']) ? $forminspeksi['asset']['kordinat_lng'] : '') }}">
|
|
</div>
|
|
<a target="_blank" href="https://www.google.com/maps" type="button"
|
|
class="btn btn-md btn-outline btn-primary">
|
|
<i class="ki-filled ki-map"></i>Ambil
|
|
Koordinat </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h1 class="text-md font-medium text-gray-900 uppercase">Status</h1>
|
|
</div>
|
|
<div class="card-body">
|
|
<div data-accordion="true">
|
|
@foreach ($permohonan->debiture->documents as $dokumen)
|
|
<div class="accordion-item [&:not(:last-child)]:border-b border-b-gray-200" data-accordion-item="true"
|
|
id="accordion_detail_jaminan">
|
|
<button class="accordion-toggle py-4 group "
|
|
data-accordion-toggle="#accordion_detail_jaminan_{{ $loop->index }}">
|
|
<span class="text-base text-gray-900 font-medium">
|
|
Dokument Kepemilikan
|
|
</span>
|
|
<i class="ki-outline ki-plus text-gray-600 text-2sm accordion-active:hidden block">
|
|
</i>
|
|
<i class="ki-outline ki-minus text-gray-600 text-2sm accordion-active:block hidden">
|
|
</i>
|
|
</button>
|
|
|
|
<div class="accordion-content hidden" id="accordion_detail_jaminan_{{ $loop->index }}">
|
|
<div class="card-table scrollable-x-auto pb-3">
|
|
<a href="{{ route('debitur.jaminan.bulk.download', ['id' => $permohonan->debiture->id, 'jaminan' => $dokumen->id]) }}"
|
|
class="ml-6 btn btn-dark dark:btn-light">
|
|
<i class="ki-outline ki-cloud-download"></i> Download Semua Dokumen
|
|
</a>
|
|
<table class="table align-middle text-sm text-gray-500">
|
|
@foreach ($dokumen->detail as $detail)
|
|
<tr>
|
|
<td class="py-2 text-gray-600 font-normal max-w-[100px]">
|
|
{{ $loop->index + 1 }}. {{ $detail->jenisLegalitasJaminan->name }}
|
|
</td>
|
|
<td class="py-2 text-gray-800 font-normaltext-sm">
|
|
{{ $detail->name ?? '' }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3 max-w-[100px] align-top">
|
|
Dokumen Jaminan
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-2sm font-normal">
|
|
|
|
@if (isset($detail->dokumen_jaminan))
|
|
@php
|
|
$dokumen_jaminan = is_array(json_decode($detail->dokumen_jaminan))
|
|
? json_decode($detail->dokumen_jaminan)
|
|
: [$detail->dokumen_jaminan];
|
|
$dokumen_nomor = is_array(json_decode($detail->dokumen_nomor))
|
|
? json_decode($detail->dokumen_nomor)
|
|
: ($detail->dokumen_nomor
|
|
? [$detail->dokumen_nomor]
|
|
: []);
|
|
@endphp
|
|
@foreach ($dokumen_jaminan as $index => $dokumen)
|
|
<div class="flex w-full lg:w-[30%]">
|
|
@if (in_array(Auth::user()->roles[0]->name, ['administrator', 'pemohon-eo']))
|
|
@if (!empty($dokumen_nomor))
|
|
<span class="flex-1 mt-2 text-info">Nomor Dokumen :
|
|
{{ $dokumen_nomor[$index] }}</span>
|
|
@endif
|
|
<a href="{{ route('debitur.jaminan.download', ['id' => $permohonan->debiture->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
|
|
class="flex-none badge badge-sm badge-outline mt-2 mr-2">
|
|
{{ basename($dokumen) }}
|
|
<i class="ki-filled ki-cloud-download"></i>
|
|
</a>
|
|
@endif
|
|
<span
|
|
class="flex-none badge badge-sm badge-outline badge-warning mt-2"
|
|
onclick="viewPDF('{{ Storage::url($dokumen_jaminan[$index]) }}')"><i
|
|
class="ki-filled ki-eye mr-2"></i>Preview</span>
|
|
</div>
|
|
<br>
|
|
@endforeach
|
|
@endif
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-3 max-w-[100px]">
|
|
Keterangan
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-2sm font-normal">
|
|
{{ $detail->keterangan ?? '' }}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
@include('lpj::component.pdfviewer')
|
|
<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 class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Pemilik Jaminan</label>
|
|
<div>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
@foreach ($permohonan->debiture->documents as $dokumen)
|
|
@php
|
|
$hubCadebPemilik = $dokumen->pemilik->hubungan_pemilik->name ?? 'N/A';
|
|
@endphp
|
|
{{ $hubCadebPemilik }}
|
|
|
|
<input type="hidden" name="hub_cadeb_sesuai" value="{{ $hubCadebPemilik }}"
|
|
id="">
|
|
@endforeach
|
|
</div>
|
|
|
|
<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
|
|
onclick="toggleFieldVisibility('hub_cadeb','hub_cadeb_tidak_sesuai', ['tidak sesuai'])"
|
|
type="radio" class="radio" name="hub_cadeb" value="sesuai"
|
|
{{ old('hub_cadeb', isset($forminspeksi['asset']['hub_cadeb']['sesuai'])) ? 'checked' : '' }}>
|
|
<span class="ml-2">Ya</span>
|
|
</label>
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input
|
|
onclick="toggleFieldVisibility('hub_cadeb','hub_cadeb_tidak_sesuai', ['tidak sesuai'])"
|
|
type="radio" class="radio" name="hub_cadeb" value="tidak sesuai"
|
|
{{ old('hub_cadeb', isset($forminspeksi['asset']['hub_cadeb']['tidak sesuai'])) ? 'checked' : '' }}>
|
|
<span class="ml-2">Tidak</span>
|
|
</label>
|
|
<!-- Select dropdown untuk "Tidak Sesuai" -->
|
|
@php
|
|
$statusKey = isset($forminspeksi['asset']['hub_cadeb']['sesuai'])
|
|
? 'sesuai'
|
|
: 'tidak sesuai';
|
|
$selectedData = $forminspeksi['asset']['hub_cadeb'][$statusKey] ?? null;
|
|
@endphp
|
|
|
|
<select id="hub_cadeb_tidak_sesuai" class="input w-full" name="hub_cadeb_tidak_sesuai"
|
|
style="{{ old('hub_cadeb_tidak_sesuai', $selectedData) ? '' : 'display: none;' }}">
|
|
<option value="">Select Hubungan Cadeb</option>
|
|
@if (isset($basicData['hubCadeb']))
|
|
@foreach ($basicData['hubCadeb'] as $item)
|
|
@if ($item->name != $hubCadebPemilik)
|
|
<option value="{{ $item->name }}"
|
|
{{ old('hub_cadeb_tidak_sesuai', $selectedData) == $item->name ? 'selected' : '' }}>
|
|
{{ $item->name }}
|
|
</option>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
</select>
|
|
|
|
</div>
|
|
<em id="error-hub_cadeb" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
</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 class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Penghuni Jaminan</label>
|
|
|
|
<div class="mt-2">
|
|
<div class="flex flex-wrap items-baseline w-full text-sm">
|
|
@foreach ($permohonan->debiture->documents as $dokumen)
|
|
@php
|
|
$hubCadebPenghuni = $dokumen->penghuni->hubungan_penghuni->name ?? 'N/A';
|
|
@endphp
|
|
{{ $hubCadebPenghuni }}
|
|
<input type="hidden" name="hub_cadeb_penghuni_sesuai"
|
|
value="{{ isset($hubCadebPenghuni) ?? '' }}" id="">
|
|
@endforeach
|
|
</div>
|
|
|
|
<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
|
|
onclick="toggleFieldVisibility('hub_cadeb_penghuni','hub_penghuni_tidak_sesuai', ['tidak sesuai'])"
|
|
type="radio" class="radio" name="hub_cadeb_penghuni" value="sesuai"
|
|
{{ old('hub_cadeb_penghuni', isset($forminspeksi['asset']['hub_cadeb_penghuni'])) ? 'checked' : '' }}>
|
|
|
|
<span class="ml-2">Ya</span>
|
|
</label>
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input
|
|
onclick="toggleFieldVisibility('hub_cadeb_penghuni','hub_penghuni_tidak_sesuai', ['tidak sesuai'])"
|
|
type="radio" class="radio" name="hub_cadeb_penghuni" value="tidak sesuai"
|
|
{{ old('hub_cadeb_penghuni', $forminspeksi['asset']['hub_cadeb_penghuni']['tidak sesuai'] ?? false) ? 'checked' : '' }}>
|
|
<span class="ml-2">Tidak</span>
|
|
</label>
|
|
<!-- Select dropdown untuk "Tidak Sesuai" -->
|
|
@php
|
|
$statusKey = isset($forminspeksi['asset']['hub_cadeb_penghuni']['sesuai'])
|
|
? 'sesuai'
|
|
: 'tidak sesuai';
|
|
$selectedData = $forminspeksi['asset']['hub_cadeb_penghuni'][$statusKey] ?? null;
|
|
@endphp
|
|
<select id="hub_penghuni_tidak_sesuai" name="hub_penghuni_tidak_sesuai"
|
|
class="input w-full"
|
|
style="{{ old('hub_penghuni_tidak_sesuai', $selectedData) ? '' : 'display: none;' }}">
|
|
<option value="">Select Hubungan Cadeb</option>
|
|
@if (isset($basicData['hubPenghuni']))
|
|
@foreach ($basicData['hubPenghuni'] as $item)
|
|
@if ($item->name != $hubCadebPenghuni)
|
|
<option value="{{ $item->name }}"
|
|
{{ old('hub_penghuni_tidak_sesuai', $selectedData) == $item->name ? 'selected' : '' }}>
|
|
{{ $item->name }}
|
|
</option>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
</select>
|
|
</div>
|
|
<em id="error-hub_cadeb_penghuni" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Cek radio button saat halaman dimuat
|
|
const sesuaiRadio = document.querySelector('input[name="alamat_sesuai"][value="sesuai"]');
|
|
const tidakSesuaiRadio = document.querySelector('input[name="alamat_sesuai"][value="tidak sesuai"]');
|
|
|
|
// Jika "Ya" sudah tercentang saat load halaman
|
|
if (sesuaiRadio.checked) {
|
|
createAlamat('sesuai');
|
|
}
|
|
|
|
// Jika "Tidak" sudah tercentang saat load halaman
|
|
if (tidakSesuaiRadio.checked) {
|
|
createAlamat('tidak sesuai');
|
|
}
|
|
});
|
|
|
|
function createAlamat(data) {
|
|
const createElementAlamat = document.getElementById('alamat_form');
|
|
createElementAlamat.style.display = 'block';
|
|
|
|
if (data == 'sesuai') {
|
|
createElementAlamat.innerHTML = `
|
|
<div class="grid gap-2.5 w-full">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="address" class="form-label max-w-56">Jl.</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" id="address" name="address" class="input w-full "
|
|
value="{{ isset($permohonan->debiture->address) ? $permohonan->debiture->address : old('address') }}">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="province_code"
|
|
value="{{ isset($permohonan->debiture->province) ? $permohonan->debiture->province->code : '' }}">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="province" class="form-label max-w-56">Provinsi</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" id="province" class="input w-full cursor-not-allowed" readonly
|
|
value="{{ isset($permohonan->debiture->province) ? $permohonan->debiture->province->name : '' }}">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="city_code"
|
|
value="{{ isset($permohonan->debiture->city) ? $permohonan->debiture->city->code : '' }}">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="city" class="form-label max-w-56">Kabupaten/Kota</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" id="city" class="input w-full cursor-not-allowed" readonly
|
|
value="{{ isset($permohonan->debiture->city) ? $permohonan->debiture->city->name : '' }}">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="district_code"
|
|
value="{{ isset($permohonan->debiture->district) ? $permohonan->debiture->district->code : '' }}">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="district" class="form-label max-w-56">Kecamatan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" id="district" class="input w-full cursor-not-allowed" readonly
|
|
value="{{ isset($permohonan->debiture->district) ? $permohonan->debiture->district->name : '' }}">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="village_code"
|
|
value="{{ isset($permohonan->debiture->village) ? $permohonan->debiture->village->code : '' }}">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="village" class="form-label max-w-56">Desa/Kelurahan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" id="village" class="input w-full cursor-not-allowed" readonly
|
|
value="{{ isset($permohonan->debiture->village) ? $permohonan->debiture->village->name : '' }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
if (data === 'tidak sesuai') {
|
|
createElementAlamat.innerHTML = `
|
|
<div class="grid gap-2.5 w-full">
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="address" class="form-label max-w-56">Jl.</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" id="address" name="address" class="input w-full"
|
|
placeholder="Masukkan Jl." value="{{ old('address') }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="province_code" class="form-label max-w-56">Provinsi</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select id="province_code" name="province_code" class="input w-full" onchange="getCity(this.value)">
|
|
<option value="">Select Province</option>
|
|
@foreach ($provinces as $province)
|
|
<option value="{{ $province->code }}"
|
|
@if (
|
|
(isset($cekAlamat['province_code']) && $cekAlamat['province_code'] == $province->code) ||
|
|
(!isset($cekAlamat['province_code']) &&
|
|
isset($debitur->province_code) &&
|
|
$debitur->province_code == $province->code)) selected @endif>
|
|
{{ $province->name }}
|
|
</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="city_code" class="form-label max-w-56">Kota/Kabupaten</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select id="city_code" name="city_code" class="select w-full" onchange="getDistrict(this.value)">
|
|
<option value="">Pilih Kota/Kabupaten</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="district_code" class="form-label max-w-56">Kecamatan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select id="district_code" name="district_code" class="select w-full" onchange="getVillage(this.value)">
|
|
<option value="">Pilih Kecamatan</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
|
|
<label for="village_code" class="form-label max-w-56">Kelurahan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<select id="village_code" name="village_code" class="select w-full">
|
|
<option value="">Pilih Kelurahan</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
loadSavedLocationData();
|
|
}
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
loadSavedLocationData();
|
|
});
|
|
// Fungsi untuk memuat data lokasi yang tersimpan
|
|
async function loadSavedLocationData() {
|
|
const provinceCode = '{{ $cekAlamat['province_code'] ?? '' }}';
|
|
const cityCode = '{{ $cekAlamat['city_code'] ?? '' }}';
|
|
const districtCode = '{{ $cekAlamat['district_code'] ?? '' }}';
|
|
const villageCode = '{{ $cekAlamat['village_code'] ?? '' }}';
|
|
|
|
// Set province
|
|
const provinceSelect = document.getElementById('province_code');
|
|
if (provinceCode && provinceSelect) {
|
|
provinceSelect.value = provinceCode;
|
|
await getCity(provinceCode);
|
|
}
|
|
|
|
// Set city
|
|
const citySelect = document.getElementById('city_code');
|
|
if (cityCode && citySelect) {
|
|
citySelect.value = cityCode;
|
|
await getDistrict(cityCode);
|
|
}
|
|
|
|
// Set district
|
|
const districtSelect = document.getElementById('district_code');
|
|
if (districtCode && districtSelect) {
|
|
districtSelect.value = districtCode;
|
|
await getVillage(districtCode);
|
|
}
|
|
|
|
// Set village
|
|
const villageSelect = document.getElementById('village_code');
|
|
if (villageCode && villageSelect) {
|
|
villageSelect.value = villageCode;
|
|
}
|
|
}
|
|
|
|
// Modifikasi fungsi existing
|
|
async function getCity(provinceId) {
|
|
try {
|
|
const response = await fetch(`/locations/cities/province/${provinceId}`);
|
|
const data = await response.json();
|
|
|
|
const cityDropdown = document.getElementById('city_code');
|
|
if (cityDropdown) {
|
|
cityDropdown.innerHTML = '<option value="">Pilih Kota/Kabupaten</option>';
|
|
data.forEach(city => {
|
|
const option = document.createElement('option');
|
|
option.value = city.code;
|
|
option.textContent = city.name;
|
|
@if (isset($debitur->city_code))
|
|
if (city.code === '{{ $debitur->city_code }}') {
|
|
option.selected = true;
|
|
}
|
|
@endif
|
|
|
|
cityDropdown.appendChild(option);
|
|
});
|
|
|
|
// Reset dropdown kecamatan dan desa
|
|
document.getElementById('district_code').innerHTML = '<option value="">Pilih Kecamatan</option>';
|
|
document.getElementById('village_code').innerHTML = '<option value="">Pilih Kelurahan</option>';
|
|
}
|
|
} catch (error) {
|
|
console.error('Error fetching cities:', error);
|
|
}
|
|
}
|
|
|
|
// Lakukan hal serupa untuk getDistrict dan getVillage
|
|
async function getDistrict(cityId) {
|
|
try {
|
|
const response = await fetch(`/locations/districts/city/${cityId}`);
|
|
const data = await response.json();
|
|
|
|
const districtDropdown = document.getElementById('district_code');
|
|
if (districtDropdown) {
|
|
districtDropdown.innerHTML = '<option value="">Pilih Kecamatan</option>';
|
|
data.forEach(district => {
|
|
const option = document.createElement('option');
|
|
option.value = district.code;
|
|
option.textContent = district.name;
|
|
|
|
// Cek apakah ini adalah kecamatan yang sebelumnya dipilih
|
|
@if (isset($debitur->district_code))
|
|
if (district.code === '{{ $debitur->district_code }}') {
|
|
option.selected = true;
|
|
}
|
|
@endif
|
|
|
|
districtDropdown.appendChild(option);
|
|
});
|
|
|
|
// Reset dropdown desa
|
|
document.getElementById('village_code').innerHTML = '<option value="">Pilih Kelurahan</option>';
|
|
}
|
|
} catch (error) {
|
|
console.error('Error fetching districts:', error);
|
|
}
|
|
}
|
|
|
|
async function getVillage(districtId) {
|
|
try {
|
|
const response = await fetch(`/locations/villages/district/${districtId}`);
|
|
const data = await response.json();
|
|
|
|
const villageDropdown = document.getElementById('village_code');
|
|
if (villageDropdown) {
|
|
villageDropdown.innerHTML = '<option value="">Pilih Desa/Kelurahan</option>';
|
|
data.forEach(village => {
|
|
const option = document.createElement('option');
|
|
option.value = village.code;
|
|
option.textContent = village.name;
|
|
|
|
// Cek apakah ini adalah desa yang sebelumnya dipilih
|
|
@if (isset($debitur->village_code))
|
|
if (village.code === '{{ $debitur->village_code }}') {
|
|
option.selected = true;
|
|
}
|
|
@endif
|
|
|
|
villageDropdown.appendChild(option);
|
|
});
|
|
}
|
|
} catch (error) {
|
|
console.error('Error fetching villages:', error);
|
|
}
|
|
}
|
|
</script>
|