686 lines
37 KiB
PHP
686 lines
37 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 min-w-full">
|
|
<div class="card min-w-full">
|
|
<div class="card-header">
|
|
<h3 class="card-title">
|
|
Data Jaminan
|
|
</h3>
|
|
<div class="flex items-center gap-2">
|
|
<a href="{{ route('surveyor.show', ['id' => request('inspeksi')]) }}?form=inspeksi"
|
|
class="btn btn-xs btn-info">
|
|
<i class="ki-filled ki-exit-left"></i> Back
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@php
|
|
$jenisJaminanData = null;
|
|
|
|
@endphp
|
|
|
|
<div data-accordion="true">
|
|
@foreach ($permohonan->debiture->documents as $dokumen)
|
|
@php
|
|
$jenisJaminanData = $dokumen->jenisJaminan->name ?? '';
|
|
@endphp
|
|
|
|
<div class="accordion-item [&:not(:last-child)]:border-b border-b-gray-200"
|
|
data-accordion-item="true" id="accordion_1_item_1">
|
|
<button class="accordion-toggle py-4 group mx-8"
|
|
data-accordion-toggle="#accordion_detail_jaminan_{{ $loop->index }}">
|
|
<span class="text-base text-gray-900 font-medium">
|
|
Jaminan {{ $loop->index + 1 }}
|
|
</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-body lg:py-7.5 grid grid-cols-2">
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Pemilik Jaminan:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $dokumen->pemilik->name ?? '' }}
|
|
</span>
|
|
</div>
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Jenis Jaminan:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $dokumen->jenisJaminan->name ?? '' }}
|
|
</span>
|
|
</div>
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Hubungan Pemilik Jaminan:
|
|
</h3>
|
|
<span class="text-2sm text-gray-700">
|
|
{{ $dokumen->pemilik->hubungan_pemilik->name ?? '' }}
|
|
</span>
|
|
</div>
|
|
<div class="mb-5">
|
|
<h3 class="text-md font-medium text-gray-900">
|
|
Alamat Pemilik Jaminan:
|
|
</h3>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<div class="card-table scrollable-x-auto pb-3">
|
|
<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]">
|
|
Dokumen Jaminan
|
|
</td>
|
|
<td class="py-3 text-gray-700 text-2sm font-normal">
|
|
@if (isset($detail->dokumen_jaminan))
|
|
<a href="{{ route('debitur.jaminan.download', ['id' => $permohonan->debiture->id, 'dokumen' => $detail->id]) }}"
|
|
class="badge badge-sm badge-outline mt-2">{{ basename($detail->dokumen_jaminan) }}
|
|
<i class="ki-filled ki-cloud-download"></i></a>
|
|
@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>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
{{-- <div class="card">
|
|
<div class="card-body"> --}}
|
|
<form id="formInspeksi" {{-- action="{{ isset($analisa->id) ? route('debitur.update', $analisa->id) : route('surveyor.store') }}" --}} method="POST" enctype="multipart/form-data" class="grid gap-5">
|
|
@if (isset($analisa->id))
|
|
<input type="hidden" name="id" value="{{ $analisa->id }}">
|
|
@method('PUT')
|
|
@endif
|
|
@csrf
|
|
|
|
<input type="hidden" name="permohonan_id" value="{{ $permohonan->id }}">
|
|
<input type="hidden" name="jenis_jaminan_id" value="{{ request('jenis_jaminan') }}">
|
|
|
|
@php
|
|
$analisaType = 'unknown';
|
|
$data = [
|
|
'tanah' => 'Tanah',
|
|
'unit_rumah' => 'Rumah Tinggal / Ruko (Unit) / Apartemen (Unit) / Gudang',
|
|
'tanah_bangunan' => 'Kawasan Industrial / Komersil / Residensial - Perumahan',
|
|
'unit_gedung' => 'Gedung Apartement / Kantor / Condotel (Strata Title)',
|
|
'tanah_bangunan' => 'Mall',
|
|
];
|
|
|
|
if (isset($analisa->id)) {
|
|
$analisaType = $analisa->type;
|
|
} else {
|
|
foreach ($data as $key => $value) {
|
|
if (
|
|
isset($jenisJaminanData) &&
|
|
trim(strtolower($jenisJaminanData)) === trim(strtolower($value))
|
|
) {
|
|
$analisaType = $key;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if ($analisaType === 'tanah') {
|
|
$analisaType = 'tanah_bangunan';
|
|
}
|
|
|
|
if ($analisaType === 'unit_rumah' || $analisaType === 'unit_gedung') {
|
|
$analisaType = 'unit';
|
|
}
|
|
|
|
@endphp
|
|
|
|
<input type="hidden" name="action" value="{{ $analisaType }}">
|
|
<input type="hidden" name="type" value="{{ $analisaType }}">
|
|
|
|
@if ($analisaType == 'tanah_bangunan')
|
|
@include('lpj::surveyor.components.tanah')
|
|
@elseif($analisaType == 'unit')
|
|
@include('lpj::surveyor.components.apartemen-kantor')
|
|
@elseif($analisaType == 'alat-berat')
|
|
@include('lpj::surveyor.components.alat-berat')
|
|
@elseif($analisaType == 'mesin')
|
|
@include('lpj::surveyor.components.mesin')
|
|
@elseif($analisaType == 'kapal')
|
|
@include('lpj::surveyor.components.kapal')
|
|
@elseif($analisaType == 'kendaraan')
|
|
@include('lpj::surveyor.components.kendaraan')
|
|
@elseif($analisaType == 'pesawat')
|
|
@include('lpj::surveyor.components.pesawat')
|
|
@endif
|
|
|
|
@if ($analisaType == 'tanah_bangunan')
|
|
@include('lpj::surveyor.components.bangunan')
|
|
@endif
|
|
|
|
@if ($analisaType != 'mesin' && $analisaType != 'kapal' && $analisaType != 'kendaraan' && $analisaType != 'pesawat')
|
|
@include('lpj::surveyor.components.lingkungan')
|
|
@endif
|
|
|
|
{{-- analisa fakta --}}
|
|
<div class="card bg-white rounded-lg overflow-hidden">
|
|
<div class="card-body">
|
|
<div class=" py-4 px-6">
|
|
<h1 class="text-md font-medium text-gray-900">Analisis Fakta</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">Faktor Positif</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea mt-2" name="fakta_positif" rows="3">{{ old('fakta_positif', isset($analisa->analisaFakta) ? $analisa->analisaFakta->fakta_positif : '') }}</textarea>
|
|
|
|
@error('fakta_positif')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<button class="btn btn-primary btn-sm">
|
|
<i class="ki-outline ki-plus"></i>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Faktor Negatif</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea mt-2" name="fakta_negatif" rows="3">{{ old('fakta_negatif', isset($analisa->analisaFakta) ? $analisa->analisaFakta->fakta_negatif : '') }}</textarea>
|
|
@error('fakta_negatif')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<button class="btn btn-primary btn-sm">
|
|
<i class="ki-outline ki-plus"></i>
|
|
</button>
|
|
</div>
|
|
|
|
@if ($analisaType != 'mesin' && $analisaType != 'kapal' && $analisaType != 'kendaraan' && $analisaType != 'pesawat')
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Rute Menuju</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea mt-2" name="rute_menuju" rows="3">{{ old('rute_menuju', isset($analisa->analisaFakta) ? $analisa->analisaFakta->rute_menuju : '') }}</textarea>
|
|
@error('rute_menuju')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Batas batas</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="grid grid-cols-1 gap-4 items-center w-full">
|
|
@php
|
|
$inputBatas = [];
|
|
$inputBatas = [
|
|
['label' => 'Utara', 'index' => 0],
|
|
['label' => 'Timur', 'index' => 1],
|
|
['label' => 'Selatan', 'index' => 2],
|
|
['label' => 'Barat', 'index' => 3],
|
|
];
|
|
@endphp
|
|
@if ($inputBatas > 0)
|
|
@foreach ($inputBatas as $item)
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">{{ $item['label'] }}</label>
|
|
<input type="text" name="batas_batas" class="input" />
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
|
|
@error('batas_batas')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Kondisi lain terkait lingkungan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea mt-2" name="kondisi_linkungan" rows="3">{{ old('kondisi_linkungan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kondisi_linkungan : '') }}</textarea>
|
|
|
|
|
|
@error('kondisi_linkungan')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<button class="btn btn-primary btn-sm mt-5 ">
|
|
<i class="ki-outline ki-plus"></i>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Kondisi lain terkait Bangunan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea mt-2" name="kondisi_lain_bangunan" rows="3">{{ old('kondisi_lain_bangunan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kondisi_lain_bangunan : '') }}</textarea>
|
|
@error('kondisi_lain_bangunan')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<button class="btn btn-primary btn-sm mt-5 ">
|
|
<i class="ki-outline ki-plus"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Informasi Terkait Dokumen</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<textarea class="textarea mt-2" name="informasi_dokument" rows="3">{{ old('informasi_dokument', isset($analisa->analisaFakta) ? $analisa->analisaFakta->informasi_dokument : '') }}</textarea>
|
|
@error('informasi_dokument')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
<button class="btn btn-primary btn-sm mt-5 ">
|
|
<i class="ki-outline ki-plus"></i>
|
|
</button>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Informasi Tata Ruang -->
|
|
@if ($analisaType != 'mesin' && $analisaType != 'kapal' && $analisaType != 'kendaraan' && $analisaType != 'pesawat')
|
|
<div class="card w-full bg-white">
|
|
<div class="card-body">
|
|
|
|
|
|
<div class="py-4 px-6">
|
|
<h1 class="text-md font-medium text-gray-900">Informasi Dinas Tata Ruang</h1>
|
|
</div>
|
|
|
|
<!-- Informasi Tata Ruang Form -->
|
|
<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">Peruntukan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="peruntukan" class="input"
|
|
placeholder="Masukkan Peruntukan"
|
|
value="{{ old('peruntukan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->peruntukan : '') }}">
|
|
@error('peruntukan')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">KDB</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="kdb" class="input" placeholder="Masukkan KDB"
|
|
value="{{ old('kdb', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kdb : '') }}">
|
|
@error('kdb')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">KDH</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="kdh" class="input" placeholder="Masukkan KDH"
|
|
value="{{ old('kdh', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kdh : '') }}">
|
|
@error('kdh')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">GSB</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="gsb" class="input" placeholder="Masukkan GSB"
|
|
value="{{ old('gsb', isset($analisa->analisaFakta) ? $analisa->analisaFakta->gsb : '') }}">
|
|
@error('gsb')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Max Lantai</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="max_lantai" class="input"
|
|
placeholder="Masukkan Max Lantai"
|
|
value="{{ old('max_lantai', isset($analisa->analisaFakta) ? $analisa->analisaFakta->max_lantai : '') }}">
|
|
@error('maxLantai')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">KLB</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="klb" class="input" placeholder="Masukkan KLB"
|
|
value="{{ old('klb', isset($analisa->analisaFakta) ? $analisa->analisaFakta->klb : '') }}">
|
|
@error('klb')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">GSS</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="gss" class="input" placeholder="Masukkan GSS"
|
|
value="{{ old('gss', isset($analisa->analisaFakta) ? $analisa->analisaFakta->gss : '') }}">
|
|
@error('gss')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Pelebaran Jalan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="pelebaran_jalan" class="input"
|
|
placeholder="Masukkan Pelebaran Jalan"
|
|
value="{{ old('pelebaran_jalan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->pelebaran_jalan : '') }}">
|
|
@error('pelebaran_jalan')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Nama Petugas TK</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<input type="text" name="nama_petugas" class="input"
|
|
placeholder="Masukkan Petugas TK"
|
|
value="{{ old('nama_petugas', isset($analisa->analisaFakta) ? $analisa->analisaFakta->nama_petugas : '') }}">
|
|
@error('nama_petugas')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">
|
|
<span class="form-label">Gistaru</span>
|
|
</label>
|
|
<div class="input-group w-full flex gap-2">
|
|
<input class="name_rute" type="hidden" name="name_rute[]" value="rute">
|
|
<input id="inputRute" type="file" name="foto_rute"
|
|
class="file-input file-input-bordered w-full" accept="image/*">
|
|
<a href="https://gistaru.atrbpn.go.id/rtronline" type="button" class="btn btn-light"
|
|
target="_blank">
|
|
<i class="ki-outline ki-abstract-33"></i> Gistaru
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">
|
|
<span class="form-label">Bhumi</span>
|
|
</label>
|
|
<div class="input-group w-full flex gap-2">
|
|
<input class="name_rute" type="hidden" name="name_rute" value="rute">
|
|
<input id="inputRute" type="file" name="foto_rute"
|
|
class="file-input file-input-bordered w-full" accept="image/*" capture="camera">
|
|
<a href="https://bhumi.atrbpn.go.id/peta" type="button" class="btn btn-light"
|
|
target="_blank">
|
|
<i class="ki-outline ki-abstract-33"></i> Bhumi
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
@if (isset($link_url_region->regions->url))
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">
|
|
<span class="form-label">{{ $link_url_region->regions->name_url }}</span>
|
|
</label>
|
|
<div class="input-group w-full flex gap-2">
|
|
<input class="name_rute" type="hidden" name="name_rute" value="rute">
|
|
<input id="inputRute" type="file" name="foto_rute"
|
|
class="file-input file-input-bordered w-full" accept="image/*" capture="camera">
|
|
<a href="{{$link_url_region->regions->url}}" type="button" class="btn btn-light"
|
|
target="_blank">
|
|
<i class="ki-outline ki-abstract-33"></i> {{ $link_url_region->regions->name_url }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<!-- Peta Section -->
|
|
|
|
<div class="mt-2" style="margin-top: 20px">
|
|
<input type="hidden" name="lat" id="lat"
|
|
value="{{ old('lat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->lat : '') }}">
|
|
<input type="hidden" name="lng" id="lng"
|
|
value="{{ old('lng', isset($analisa->analisaFakta) ? $analisa->analisaFakta->lng : '') }}">
|
|
<div class=" border p-6 rounded-lg shadow-lg flex items-center justify-center"
|
|
style="height: 300px">
|
|
<iframe id="mapFrame" frameborder="0" style="width: 100%; height: 100%;"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Upload Photo Button -->
|
|
<div class=" flex w-full mt-2" style="margin-top: 20px">
|
|
<div class="flex flex-col input-group w-full">
|
|
|
|
<div>
|
|
@if (old('foto_tempat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->foto_tempat : ''))
|
|
<img src="{{ asset('storage/' . old('foto_tempat', $analisa->analisaFakta->foto_tempat)) }}"
|
|
alt="Gambar Tempat" style="width: 18rem;">
|
|
@endif
|
|
</div>
|
|
|
|
<label for="" class="block text-sm font-medium text-gray-700">Upload Photo</label>
|
|
<input class="file-input" name="foto_tempat"
|
|
value="{{ old('foto_tempat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->foto_tempat : '') }}"
|
|
type="file" accept="image/*" />
|
|
|
|
@error('foto_tempat')
|
|
<em class="alert text-danger text-sm">{{ $message }}</em>
|
|
@enderror
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Notes Section -->
|
|
<div class="mt-2" style="margin-top: 20px">
|
|
<div class="bg-white p-6 rounded-lg">
|
|
<h4 class="block text-sm font-medium text-gray-700 mt-2">Catatan yang Perlu Diperhatikan
|
|
</h4>
|
|
<textarea name="keterangan" class="textarea mt-2" placeholder="Masukkan catatan penting" rows="3">{{ old('keterangan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->keterangan : '') }}</textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex justify-end gap-2" style="margin-right: 20px; margin-top: 20px">
|
|
<button type="button" class="btn btn-success" onclick="submitData()">
|
|
Save
|
|
</button>
|
|
</div>
|
|
</form>
|
|
{{-- </div>
|
|
</div> --}}
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" data-modal="true" id="modal" data-backdrop="static" data-keyboard="false">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Kunjungan</h3>
|
|
<button class="btn btn-xs btn-icon btn-light" data-modal-dismiss="true">
|
|
<i class="ki-outline ki-cross"></i>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" id="screenshotContainer" style="height: 500px">
|
|
<iframe id="mapFrameGis" style="width: 100%; height: 100%;"></iframe>
|
|
</div>
|
|
<div class="modal-footer flex justify-end">
|
|
<button id="takeScreenshot" class="btn btn-success">Take Screenshot</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@endsection
|
|
@push('scripts')
|
|
<script>
|
|
function getMap(params) {
|
|
const iframe = document.getElementById('mapFrameGis');
|
|
const maps = [
|
|
'https://gistaru.atrbpn.go.id/rtronline/',
|
|
'https://bhumi.atrbpn.go.id/peta'
|
|
];
|
|
|
|
iframe.src = maps[params];
|
|
}
|
|
|
|
function openModal(type) {
|
|
const modalGistaru = document.getElementById('gistaru');
|
|
const modalBumi = document.getElementById('bumi');
|
|
|
|
if (type === 'bumi') {
|
|
modalBumi.setAttribute('data-modal-toggle', '#modal');
|
|
} else if (type === 'gistaru') {
|
|
modalGistaru.setAttribute('data-modal-toggle', '#modal');
|
|
}
|
|
|
|
getMap(type === 'gistaru' ? 0 : 1);
|
|
}
|
|
|
|
document.getElementById('takeScreenshot').addEventListener('click', () => {
|
|
const screenshotContainer = document.getElementById('screenshotContainer');
|
|
const canvas = document.createElement('canvas');
|
|
canvas.width = screenshotContainer.offsetWidth;
|
|
canvas.height = screenshotContainer.offsetHeight;
|
|
const ctx = canvas.getContext('2d');
|
|
ctx.drawImage(document.getElementById('mapFrame'), 0, 0, canvas.width, canvas.height);
|
|
const dataURL = canvas.toDataURL('image/jpeg');
|
|
|
|
// Tampilkan gambar di atas input
|
|
const inputRute = document.getElementById('inputRute');
|
|
const img = document.createElement('img');
|
|
img.src = dataURL;
|
|
img.style.maxWidth = '100%';
|
|
img.style.maxHeight = '200px';
|
|
inputRute.parentNode.insertBefore(img, inputRute);
|
|
|
|
// Isi input dengan data URL gambar
|
|
inputRute.value = dataURL;
|
|
});
|
|
</script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
|
|
<script>
|
|
// Fungsi untuk mengambil lokasi pengguna
|
|
function getUserLocation() {
|
|
if (navigator.geolocation) {
|
|
navigator.geolocation.getCurrentPosition(showPosition, showError);
|
|
} else {
|
|
alert("Geolocation tidak didukung oleh browser ini.");
|
|
}
|
|
}
|
|
|
|
// Fungsi untuk menampilkan posisi
|
|
function showPosition(position) {
|
|
var lat = position.coords.latitude;
|
|
var lng = position.coords.longitude;
|
|
document.getElementById('lat').value = lat;
|
|
document.getElementById('lng').value = lng;
|
|
var mapUrl = `https://www.google.com/maps?q=${lat},${lng}&z=15&output=embed`;
|
|
document.getElementById('mapFrame').src = mapUrl;
|
|
}
|
|
|
|
// Fungsi untuk menangani error jika lokasi tidak bisa diambil
|
|
function showError(error) {
|
|
switch (error.code) {
|
|
case error.PERMISSION_DENIED:
|
|
alert("Pengguna menolak permintaan geolokasi.");
|
|
break;
|
|
case error.POSITION_UNAVAILABLE:
|
|
alert("Informasi lokasi tidak tersedia.");
|
|
break;
|
|
case error.TIMEOUT:
|
|
alert("Permintaan lokasi pengguna berakhir.");
|
|
break;
|
|
case error.UNKNOWN_ERROR:
|
|
alert("Terjadi kesalahan yang tidak diketahui.");
|
|
break;
|
|
}
|
|
}
|
|
window.onload = getUserLocation;
|
|
</script>
|
|
|
|
|
|
<script>
|
|
function submitData() {
|
|
// Ambil form element
|
|
const formElement = document.getElementById('formInspeksi');
|
|
const formData = new FormData(formElement);
|
|
|
|
// for (let [key, value] of formData.entries()) {
|
|
// console.log(key, value);
|
|
// }
|
|
|
|
fetch('{{ route("surveyor.store") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}'
|
|
},
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log("Response data:", data);
|
|
})
|
|
.catch(error => {
|
|
console.error("Error:", error);
|
|
});
|
|
}
|
|
</script>
|
|
@endpush
|