Files
lpj/resources/views/surveyor/components/foto.blade.php
2024-10-14 14:16:52 +07:00

90 lines
3.6 KiB
PHP

<form action="{{ isset($debitur->id) ? route('debitur.update', $debitur->id) : route('debitur.store') }}" method="POST"
class="grid gap-5">
@if (isset($debitur->id))
<input type="hidden" name="id" value="{{ $debitur->id }}">
@method('PUT')
@endif
@csrf
<div class=""max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden">
<div class="bg-blue-600 text-white py-4 px-6 flex items-center justify-between">
<h1 class="text-md font-medium text-gray-900">Rute Menuju Lokasi</h1>
<a id="btn-add" class="btn btn-primary btn-sm">
<i class="ki-filled ki-plus text-lg"></i>
</a>
</div>
<div class="flex w-ful items-center justify-center gap-4">
<label class="form-label max-w-56">
<span class="form-label">Foto Rute Menuju Lokasi</span>
<input type="checkbox" name="ruteMenujuLokasi" class="checkbox">
</label>
<input type="file" name="ruteMenujuLokasi" class="file-input file-input-bordered w-full ">
</div>
</div>
<div class=""max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden">
<div class="bg-blue-600 text-white py-4 px-6 flex items-center justify-between">
<h1 class="text-md font-medium text-gray-900">Objeck Jaminan </h1>
<a class="btn btn-primary btn-sm">
<i class="ki-filled ki-plus text-lg"></i>
</a>
</div>
<div class="flex flex-wrap gap-4">
<div class="flex w-full items-center justify-center gap-4">
<label class="form-label max-w-56">
<span class="form-label">Tampak Samping kiri</span>
<input type="checkbox" name="ruteMenujuLokasi" class="checkbox">
</label>
<input type="file" name="ruteMenujuLokasi" class="file-input file-input-bordered w-full ">
</div>
<textarea name="ruteMenujuLokasi" id="" class="textarea" rows="3" rows="10"></textarea>
</div>
</div>
<div class=""max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden">
<div class="bg-blue-600 text-white py-4 px-6 flex items-center justify-between">
<h1 class="text-md font-medium text-gray-900">Linkungan </h1>
<a class="btn btn-primary btn-sm">
<i class="ki-filled ki-plus text-lg"></i>
</a>
</div>
<div class="flex w-ful items-center justify-center gap-4">
<label class="form-label max-w-56">
<span class="form-label">Pendamping</span>
<input type="checkbox" name="ruteMenujuLokasi" class="checkbox">
</label>
<input type="file" name="ruteMenujuLokasi" class="file-input file-input-bordered w-full ">
</div>
</div>
</form>
@push('script')
<script>
const btnAdd = document.getElementById('btn-add');
btnAdd.addEventListener('click', () => {
const div = document.createElement('div');
div.innerHTML = `
<div class="flex w-ful items-center justify-center gap-4">
<label class="form-label max-w-56">
<span class="form-label">Pendamping</span>
<input type="checkbox" name="ruteMenujuLokasi" class="checkbox">
</label>
<input type="file" name="ruteMenujuLokasi" class="file-input file-input-bordered w-full ">
</div>
`;
document.querySelector('.flex-wrap').appendChild(div);
})
</script>
@endpush