update form surveyor
This commit is contained in:
majid
363
resources/views/surveyor/components/lingkungan.blade.php
Normal file
363
resources/views/surveyor/components/lingkungan.blade.php
Normal file
@@ -0,0 +1,363 @@
|
||||
<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<div class=" text-white py-4 px-6">
|
||||
<h1 class="text-md font-medium text-gray-900">Analisis Lingkungan</h1>
|
||||
</div>
|
||||
<div class="grid gap-5">
|
||||
<!-- Jarak dari Objek Utama -->
|
||||
<div class="bg-gray-50 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($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->jarak_jalan_utama : '') }}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700">Jalan</label>
|
||||
<input type="text" name="alamat" class="input mt-2" placeholder="Masukkan Nama Jalan"
|
||||
value="{{ old('alamat', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->alamat : '') }}">
|
||||
</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($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->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('jarak_cbd_point', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->jarak_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($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->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="1" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
@error('perkerasan_jalan')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Lalulintas -->
|
||||
<div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
|
||||
<label class="form-label max-w-56">Lalulintas 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 }}" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
@error('lalu_lintas')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</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 }}" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@error('gol_mas_sekitar')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</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 }}" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@error('tingkat_keramaian')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</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($konturTanah))
|
||||
@foreach ($konturTanah 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 }}" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@error('terletak_diarea')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Struktru tata letak -->
|
||||
<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 items-start gap-2">
|
||||
<div class="flex w-full items-center gap-4">
|
||||
<label class="text-sm flex items-center gap-2.5 text-nowrap">
|
||||
<input onclick="toggledisekitarLokasi(true)" type="radio" class="radio" name="disekitar_lokasi" value="tidak"
|
||||
{{ old('disekitar_lokasi', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->disekitar_lokasi : '') == 'tidak' ? 'checked' : '' }}>
|
||||
<span class="ml-2">Telah Ada Bangunan</span>
|
||||
</label>
|
||||
<div id="disekitarLokasi" class="flex w-full gap-2" style="visibility: hidden; height: 0;">
|
||||
<select
|
||||
class="input w-full @error('hadapMataAngin') border-danger bg-danger-light @enderror"
|
||||
name="hadapMataAngin">
|
||||
<option value="">Select kondisi bangunan</option>
|
||||
@if (isset($kondisiBangunan))
|
||||
@foreach ($kondisiBangunan as $item)
|
||||
<option value="{{ $item->name }}"
|
||||
{{ old('hadapMataAngin') == $item->name ? 'selected' : '' }}>
|
||||
{{ $item->name }}
|
||||
</option>
|
||||
@endforeach
|
||||
@endif
|
||||
</select>
|
||||
|
||||
<!-- Select dropdown untuk "Sesuai" -->
|
||||
<select
|
||||
class="input w-full @error('sifat_bangunan_lokasi') border-danger bg-danger-light @enderror"
|
||||
name="sifat_bangunan_lokasi">
|
||||
<option value="">Select sifat bangunan</option>
|
||||
@if (isset($sifatBangunan))
|
||||
@foreach ($sifatBangunan as $item)
|
||||
<option value="{{ $item->name }}"
|
||||
{{ old('sifat_bangunan_lokasi') == $item->name ? 'selected' : '' }}>
|
||||
{{ $item->name }}
|
||||
</option>
|
||||
@endforeach
|
||||
@endif
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
||||
<input onclick="toggledisekitarLokasi(false)" type="radio" class="radio" name="disekitar_lokasi" value="ya"
|
||||
{{ old('disekitar_lokasi', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->disekitar_lokasi : '') == 'ya' ? 'checked' : '' }}>
|
||||
<span class="ml-2">Belum Ada Bangunan</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
@error('disekitar_lokasi')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</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 Makamh</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', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_makam : '') == 'ya' ? 'checked' : '' }}>
|
||||
<span class="ml-2">Ya</span>
|
||||
</label>
|
||||
<div id="dekat-makam" class="grid grid-cols-2 gap-4"
|
||||
style="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" placeholder="Km">
|
||||
</div>
|
||||
<input type="text" class="input mt-2" name="nama_tpu" 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', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_makam : '') == 'tidak' ? 'checked' : '' }}>
|
||||
<span class="ml-2">Tidak</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
@error('dekatMakam')
|
||||
<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">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', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_tps : '') == 'ya' ? 'checked' : '' }}>
|
||||
<span class="ml-2">Ya</span>
|
||||
</label>
|
||||
<div id="dekat-tps" class="grid grid-cols-2 gap-4"
|
||||
style="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" placeholder="Km">
|
||||
</div>
|
||||
<input type="text" class="input mt-2" name="nama_tpu" 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', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_tps : '') == 'tidak' ? 'checked' : '' }}>
|
||||
<span class="ml-2">Tidak</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
@error('dekatTps')
|
||||
<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">Merupakan daerah</label>
|
||||
<div class="flex flex-wrap items-baseline w-full">
|
||||
<div class="flex flex-col items-start gap-4">
|
||||
@if (isset($konturTanah))
|
||||
@foreach ($konturTanah 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 }}" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@error('merupakan_daerah')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</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($konturTanah))
|
||||
@foreach ($konturTanah as $item)
|
||||
<label class="form-label flex items-center gap-2.5 text-nowrap">
|
||||
<input class="checkbox" name="fasilitas_dekat_object" type="checkbox"
|
||||
value="{{ $item->name }}" />
|
||||
{{ $item->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
@error('fasilitas_dekat_object')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
@enderror
|
||||
</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
|
||||
Reference in New Issue
Block a user