367 lines
22 KiB
PHP
367 lines
22 KiB
PHP
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
|
|
|
|
<div class="card-body">
|
|
|
|
|
|
<div class=" text-white py-4">
|
|
<h1 class="text-md font-medium text-gray-900">Analisis Lingkungan</h1>
|
|
</div>
|
|
<div class="grid gap-5">
|
|
<!-- Jarak dari Objek Utama -->
|
|
<div class=" rounded-lg">
|
|
<div class="grid grid-cols-2 gap-5">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Jarak Dari Jalan
|
|
Utama</label>
|
|
<input type="text" class="input mt-2" name="jarak_jalan_utama" placeholder="Km"
|
|
value="{{ old('jarak_jalan_utama', isset($forminspeksi['jarak_jalan_utama']) ? $forminspeksi['jarak_jalan_utama'] : '') }}">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Jalan</label>
|
|
<input type="text" name="jalan_linkungan" class="input mt-2"
|
|
placeholder="Masukkan Nama Jalan"
|
|
value="{{ old('jalan_linkungan', isset($forminspeksi['jalan_linkungan']) ? $forminspeksi['jalan_linkungan'] : '') }}">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Jarak ke CBD Point</label>
|
|
<input type="text" class="input mt-2" name="jarak_cbd_point" placeholder="Km"
|
|
value="{{ old('jarak_cbd_point', isset($forminspeksi['jarak_cbd_point']) ? $forminspeksi['jarak_cbd_point'] : '') }}">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Nama CBD Point</label>
|
|
<input type="text" class="input mt-2" name="nama_cbd_point" placeholder="Km"
|
|
value="{{ old('nama_cbd_point', isset($forminspeksi['nama_cbd_point']) ? $forminspeksi['nama_cbd_point'] : '') }}">
|
|
</div>
|
|
</div>
|
|
<div class="w-full mt-4">
|
|
<label class="block text-sm font-medium text-gray-700">Lebar Perkerasan Jalan Depan
|
|
objek</label>
|
|
<input type="text" name="lebar_perkerasan_jalan" class="input mt-2" placeholder="Meter"
|
|
value="{{ old('lebar_perkerasan_jalan', isset($forminspeksi['lebar_perkerasan_jalan']) ? $forminspeksi['lebar_perkerasan_jalan'] : '') }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Perkerasan Jalan</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex gap-12">
|
|
@if (isset($perkerasanJalan))
|
|
@foreach ($perkerasanJalan as $item)
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="perkerasan_jalan[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ in_array($item->name, isset($forminspeksi['perkerasan_jalan']) ? $forminspeksi['perkerasan_jalan'] : []) ? 'checked' : '' }} />
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-perkerasan-jalan" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lalulintas -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Lalu Lintas Depan Lokasi</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col items-start gap-4">
|
|
@if (isset($laluLintasLokasi))
|
|
@foreach ($laluLintasLokasi as $item)
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="lalu_lintas[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ isset($forminspeksi['lalu_lintas']) && in_array($item->name, explode(',', is_array(old('lalu_lintas', $forminspeksi['lalu_lintas'] ?? '')) ? implode(',', old('lalu_lintas', $forminspeksi['lalu_lintas'] ?? '')) : old('lalu_lintas', $forminspeksi['lalu_lintas'] ?? ''))) ? 'checked' : '' }} />
|
|
|
|
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-lalu-lintas" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
<!-- Golongan Hidup Sekitar -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Golongan Masy Sekitar</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col items-start gap-4">
|
|
@if (isset($golMasySekitar))
|
|
@foreach ($golMasySekitar as $item)
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="gol_mas_sekitar[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ isset($forminspeksi['gol_mas_sekitar']) && in_array($item->name, explode(',', is_array(old('gol_mas_sekitar', $forminspeksi['gol_mas_sekitar'] ?? '')) ? implode(',', old('gol_mas_sekitar', $forminspeksi['gol_mas_sekitar'] ?? '')) : old('gol_mas_sekitar', $forminspeksi['gol_mas_sekitar'] ?? ''))) ? 'checked' : '' }} />
|
|
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-gol_mas_sekitar" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tingkat Keramaian -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Tingkat Keramaian</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col items-start gap-4">
|
|
@if (isset($tingkatKeramaian))
|
|
@foreach ($tingkatKeramaian as $item)
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="tingkat_keramaian[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ isset($forminspeksi['tingkat_keramaian']) && in_array($item->name, explode(',', is_array(old('tingkat_keramaian', $forminspeksi['tingkat_keramaian'] ?? '')) ? implode(',', old('tingkat_keramaian', $forminspeksi['tingkat_keramaian'] ?? '')) : old('tingkat_keramaian', $forminspeksi['tingkat_keramaian'] ?? ''))) ? 'checked' : '' }} />
|
|
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-tingkat_keramaian" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Terletak Di Area -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Terletak Di Area</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col items-start gap-4">
|
|
@if (isset($terletakDiArea))
|
|
@foreach ($terletakDiArea as $item)
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="terletak_diarea[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ isset($forminspeksi['terletak_diarea']) && in_array($item->name, explode(',', is_array(old('terletak_diarea', $forminspeksi['terletak_diarea'] ?? '')) ? implode(',', old('terletak_diarea', $forminspeksi['terletak_diarea'] ?? '')) : old('terletak_diarea', $forminspeksi['terletak_diarea'] ?? ''))) ? 'checked' : '' }} />
|
|
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-terletak_diarea" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Disekitar Lokasi -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Disekitar Lokasi</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col gap-2 mt-2">
|
|
<label class="text-sm flex items-center gap-2.5 text-nowrap">
|
|
<input onclick="toggledekatMakam(true)" type="radio" class="radio"
|
|
name="dekat_makam" value="ya"
|
|
{{ old('dekat_makam', $forminspeksi['dekat_makam'] ?? '') == 'ya' ? 'checked' : '' }} />
|
|
<span class="ml-2">Telah ada bangunan</span>
|
|
</label>
|
|
<div class="flex w-full items-center gap-4">
|
|
|
|
<div id="dekat-makam" class="grid grid-cols-2 gap-4"
|
|
style="{{ old('dekat_makam', $forminspeksi['dekat_makam'] ?? '') == 'ya' ? 'visibility: visible; height: auto;' : 'visibility: hidden; height: 0;' }}">
|
|
<div class="flex items-center gap-2">
|
|
<label for="" class="text-sm text-gray-700">Kondisi bangunan</label>
|
|
<input type="text" class="input mt-2" name="jarak_makam"
|
|
value="{{ old('jarak_makam', $forminspeksi['jarak_makam'] ?? '') }}"
|
|
placeholder="Km">
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<label for="" class="text-sm text-gray-700">Sifat bangunan</label>
|
|
<input type="text" class="input mt-2" name="nama_makam"
|
|
value="{{ old('nama_makam', $forminspeksi['nama_makam'] ?? '') }}"
|
|
placeholder="Nama TPU">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input onclick="toggledekatMakam(false)" type="radio" class="radio"
|
|
name="dekat_makam" value="tidak"
|
|
{{ old('dekat_makam', $forminspeksi['dekat_makam'] ?? '') == 'tidak' ? 'checked' : '' }} />
|
|
<span class="ml-2">Belum ada bangunan</span>
|
|
</label>
|
|
</div>
|
|
<em id="error-terletak_diarea" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Dekat Makam -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Dekat Makam</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col gap-2 mt-2">
|
|
<div class="flex w-full items-center gap-4">
|
|
<label class="text-sm flex items-center gap-2.5 text-nowrap">
|
|
<input onclick="toggledekatMakam(true)" type="radio" class="radio"
|
|
name="dekat_makam" value="ya"
|
|
{{ old('dekat_makam', $forminspeksi['dekat_makam'] ?? '') == 'ya' ? 'checked' : '' }} />
|
|
<span class="ml-2">Ya</span>
|
|
</label>
|
|
<div id="dekat-makam" class="grid grid-cols-2 gap-4"
|
|
style="{{ old('dekat_makam', $forminspeksi['dekat_makam'] ?? '') == 'ya' ? 'visibility: visible; height: auto;' : 'visibility: hidden; height: 0;' }}">
|
|
<div class="flex items-center gap-2">
|
|
<label for="">Jarak</label>
|
|
<input type="text" class="input mt-2" name="jarak_makam"
|
|
value="{{ old('jarak_makam', $forminspeksi['jarak_makam'] ?? '') }}"
|
|
placeholder="Km">
|
|
</div>
|
|
<input type="text" class="input mt-2" name="nama_makam"
|
|
value="{{ old('nama_makam', $forminspeksi['nama_makam'] ?? '') }}"
|
|
placeholder="Nama TPU">
|
|
</div>
|
|
</div>
|
|
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input onclick="toggledekatMakam(false)" type="radio" class="radio"
|
|
name="dekat_makam" value="tidak"
|
|
{{ old('dekat_makam', $forminspeksi['dekat_makam'] ?? '') == 'tidak' ? 'checked' : '' }} />
|
|
<span class="ml-2">Tidak</span>
|
|
</label>
|
|
</div>
|
|
<em id="error-dekat_makam" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Dekat Tps -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Dekat Tps</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col gap-2 mt-2">
|
|
<div class="flex w-full items-center gap-4">
|
|
<label onclick="toggledekatTps(true)"
|
|
class="text-sm flex items-center gap-2.5 text-nowrap">
|
|
<input type="radio" class="radio" name="dekat_tps" value="ya"
|
|
{{ old('dekat_tps', $forminspeksi['dekat_tps'] ?? '') == 'ya' ? 'checked' : '' }} />
|
|
<span class="ml-2">Ya</span>
|
|
</label>
|
|
<div id="dekat-tps" class="grid grid-cols-2 gap-4"
|
|
style="{{ old('dekat_tps', $forminspeksi['dekat_tps'] ?? '') == 'ya' ? 'visibility: visible; height: auto;' : 'visibility: hidden; height: 0;' }}">
|
|
<div class="flex items-center gap-2">
|
|
<label for="">Jarak</label>
|
|
<input type="text" class="input mt-2" name="jarak_tps"
|
|
value="{{ old('jarak_tps', $forminspeksi['jarak_tps'] ?? '') }}"
|
|
placeholder="Km">
|
|
</div>
|
|
<input type="text" class="input mt-2" name="nama_tps"
|
|
value="{{ old('nama_tps', $forminspeksi['nama_tps'] ?? '') }}"
|
|
placeholder="Nama TPS">
|
|
</div>
|
|
</div>
|
|
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input onclick="toggledekatTps(false)" type="radio" class="radio" name="dekat_tps"
|
|
value="tidak"
|
|
{{ old('dekat_tps', $forminspeksi['dekat_tps'] ?? '') == 'tidak' ? 'checked' : '' }} />
|
|
<span class="ml-2">Tidak</span>
|
|
</label>
|
|
</div>
|
|
<em id="error-dekat_tps" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Merupakan daerah -->
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Merupakan daerah</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col items-start gap-4">
|
|
@if (isset($merupakanDaerah))
|
|
@foreach ($merupakanDaerah as $item)
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="merupakan_daerah[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ in_array($item->name, isset($forminspeksi['merupakan_daerah']) ? $forminspeksi['merupakan_daerah'] : []) ? 'checked' : '' }} />
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-merupakan_daerah" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Fasilitas Umum Sekitar -->
|
|
|
|
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
|
<label class="form-label max-w-56">Fasilitas Umum dekat Object</label>
|
|
<div class="flex flex-wrap items-baseline w-full">
|
|
<div class="flex flex-col items-start gap-4">
|
|
@if (isset($fasilitasObjek))
|
|
@foreach ($fasilitasObjek as $item)
|
|
@php
|
|
|
|
$selectedFasilitas = is_array(
|
|
old('fasilitas_dekat_object', $forminspeksi['fasilitas_dekat_object'] ?? []),
|
|
)
|
|
? old('fasilitas_dekat_object', $forminspeksi['fasilitas_dekat_object'] ?? [])
|
|
: explode(
|
|
',',
|
|
old(
|
|
'fasilitas_dekat_object',
|
|
$forminspeksi['fasilitas_dekat_object'] ?? '',
|
|
),
|
|
);
|
|
@endphp
|
|
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
|
<input class="checkbox" name="fasilitas_dekat_object[]" type="checkbox"
|
|
value="{{ $item->name }}"
|
|
{{ in_array(
|
|
$item->name,
|
|
is_array(old('fasilitas_dekat_object', $forminspeksi['fasilitas_dekat_object'] ?? ''))
|
|
? old('fasilitas_dekat_object', $forminspeksi['fasilitas_dekat_object'] ?? [])
|
|
: explode(',', old('fasilitas_dekat_object', $forminspeksi['fasilitas_dekat_object'] ?? '')),
|
|
)
|
|
? 'checked'
|
|
: '' }} />
|
|
|
|
{{ $item->name }}
|
|
</label>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<em id="error-fasilitas_dekat_object" class="alert text-danger text-sm"></em>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@push('scripts')
|
|
<script>
|
|
function toggledekatMakam(value) {
|
|
const selectElement = document.getElementById('dekat-makam');
|
|
if (value) {
|
|
selectElement.style.visibility = 'visible';
|
|
selectElement.style.height = 'auto';
|
|
} else {
|
|
selectElement.style.visibility = 'hidden';
|
|
selectElement.style.height = '0';
|
|
}
|
|
}
|
|
|
|
function toggledekatTps(value) {
|
|
const selectElement = document.getElementById('dekat-tps');
|
|
if (value) {
|
|
selectElement.style.visibility = 'visible';
|
|
selectElement.style.height = 'auto';
|
|
} else {
|
|
selectElement.style.visibility = 'hidden';
|
|
selectElement.style.height = '0';
|
|
}
|
|
}
|
|
|
|
function toggledisekitarLokasi(value) {
|
|
const selectElement = document.getElementById('disekitarLokasi');
|
|
if (value) {
|
|
selectElement.style.visibility = 'visible';
|
|
selectElement.style.height = 'auto';
|
|
} else {
|
|
selectElement.style.visibility = 'hidden';
|
|
selectElement.style.height = '0';
|
|
}
|
|
}
|
|
</script>
|
|
@endpush
|