@extends('layouts.main')

@section('breadcrumbs')
    {{ Breadcrumbs::render('laporan.standard.index') }}
@endsection

@section('content')
    <style>
        .input-group {
            position: relative;
            width: 100%;
        }

        .left-group {
            padding-right: 2.5rem;
        }

        .right-group {
            padding-left: 2.5rem;
        }

        .input-group .input-unit {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            color: #6b7280;
        }

        .input-group .input-unit.unit-left {
            left: 0.75rem;
        }

        .input-group .input-unit.unit-right {
            right: 0.75rem;
        }
    </style>

    <div class="grid">
        <div class="card card-grid min-w-full" id="debitur-table">
            <div class="card-header py-5 flex-wrap">
                <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
                    <div class="py-5">
                        <label class="form-label">LAPORAN PENILAIAN JAMINAN</label>
                        <label class="form-label">NO. XXX/250001/LPJ/PJ-3149/VII/2025</label>
                    </div>

                    <form action="" method="POST" class="grid gap-5">
                        <input type="hidden" name="id" value="">
                        @csrf

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Cabang/Pemohon
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('cabang') border-danger bg-danger-light @enderror"
                                        type="text" name="cabang" value="">
                                    @error('cabang')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Tanggal Order
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('tanggal_order') border-danger bg-danger-light @enderror"
                                        type="date" name="tanggal_order" value="">
                                    @error('tanggal_order')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Tujuan Penilaian
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('tujuan_penilaian') border-danger bg-danger-light @enderror"
                                        type="text" name="tujuan_penilaian" value="">
                                    @error('tujuan_penilaian')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Tanggal Survey
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('tanggal_survey') border-danger bg-danger-light @enderror"
                                        type="date" name="tanggal_survey" value="">
                                    @error('tanggal_survey')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    AO
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('ao') border-danger bg-danger-light @enderror" type="text"
                                        name="ao" value="">
                                    @error('ao')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">IDENTITAS CADEB/DEBITUR</label>

                        <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">
                                <input class="input @error('nama') border-danger bg-danger-light @enderror" type="text"
                                    name="nama" value="">
                                @error('nama')
                                    <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">
                                Perwakilan Cadeb/Debitur Dilokasi
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('perwakilan_cadeb') border-danger bg-danger-light @enderror"
                                    type="text" name="perwakilan_cadeb" value="">
                                @error('perwakilan_cadeb')
                                    <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">
                                Pihak Bank Selain Appraisal
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('pihak_bank') border-danger bg-danger-light @enderror"
                                    type="text" name="pihak_bank" value="">
                                @error('pihak_bank')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">DESKRIPSI DAN ALAMAT ASET</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Jenis Aset
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('jenis_aset') border-danger bg-danger-light @enderror"
                                    type="text" name="jenis_aset" value="">
                                @error('jenis_aset')
                                    <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">
                                Terletak Di
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('terletak_di') border-danger bg-danger-light @enderror"
                                    type="text" name="terletak_di" value="">
                                @error('terletak_di')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Desa/Kelurahan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('desa_kelurahan') border-danger bg-danger-light @enderror"
                                        type="text" name="desa_kelurahan" value="">
                                    @error('desa_kelurahan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Kecamatan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('kecamatan') border-danger bg-danger-light @enderror"
                                        type="text" name="kecamatan" value="">
                                    @error('kecamatan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Kota/Kab
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('kota') border-danger bg-danger-light @enderror"
                                        type="text" name="kota" value="">
                                    @error('kota')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Provinsi
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('provinsi') border-danger bg-danger-light @enderror"
                                        type="text" name="provinsi" value="">
                                    @error('provinsi')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">DOKUMEN</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Status Kepemilikan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input class="input w-full @error('shgb') border-danger bg-danger-light @enderror"
                                            type="number" name="shgb" placeholder="SHGB NO/KEL/DESA" value="">
                                        @error('shgb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('atas_nama') border-danger bg-danger-light @enderror"
                                            type="text" name="atas_nama" placeholder="Atas Nama" value="">
                                        @error('atas_nama')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('tanggal_terbit') border-danger bg-danger-light @enderror"
                                            type="date" name="tanggal_terbit" placeholder="Tanggal terbit sertifikat"
                                            value="">
                                        @error('tanggal_terbit')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('masa_berlaku') border-danger bg-danger-light @enderror"
                                            type="text" name="masa_berlaku" placeholder="Masa berlaku"
                                            value="">
                                        @error('masa_berlaku')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('nama_lokasi') border-danger bg-danger-light @enderror"
                                            type="text" name="nama_lokasi" placeholder="Nama lokasi" value="">
                                        @error('nama_lokasi')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('nib') border-danger bg-danger-light @enderror"
                                            type="number" name="nib" placeholder="NIB" value="">
                                        @error('nib')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('no_surat_ukur') border-danger bg-danger-light @enderror"
                                            type="number" name="no_surat_ukur" placeholder="NO surat ukur/GS"
                                            value="">
                                        @error('no_surat_ukur')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full pl-8 @error('luas_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_tanah" placeholder="Luas tanah" value="">
                                            <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Izin Bangunan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input class="input w-full @error('imb') border-danger bg-danger-light @enderror"
                                            type="number" name="imb" placeholder="IMB/PBG NO" value="">
                                        @error('imb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('atas_nama') border-danger bg-danger-light @enderror"
                                            type="text" name="atas_nama" placeholder="Atas Nama" value="">
                                        @error('atas_nama')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('tanggal') border-danger bg-danger-light @enderror"
                                            type="date" name="tanggal" placeholder="Tanggal" value="">
                                        @error('tanggal')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full pl-8 @error('luas_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_bangunan" placeholder="Luasan bangunan"
                                            value="">
                                            <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('alamat') border-danger bg-danger-light @enderror"
                                            type="text" name="alamat" placeholder="Alamat lokasi" value="">
                                        @error('alamat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                SPPT PBB
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input class="input w-full @error('nop') border-danger bg-danger-light @enderror"
                                            type="number" name="nop" placeholder="NOP" value="">
                                        @error('nop')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('letak_objek') border-danger bg-danger-light @enderror"
                                            type="text" name="letak_objek" placeholder="Letak objek pajak"
                                            value="">
                                        @error('letak_objek')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input class="input w-full @error('lt') border-danger bg-danger-light @enderror"
                                            type="number" name="lt" placeholder="LT" value="">
                                        @error('lt')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lb') border-danger bg-danger-light @enderror"
                                            type="number" name="lb" placeholder="LB" value="">
                                        @error('lb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('tahun') border-danger bg-danger-light @enderror"
                                            type="number" name="tahun" placeholder="Tahun" value="">
                                        @error('tahun')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">HUBUNGAN CADEB/DEBITUR DENGAN PEMILIK DAN PENGHUNI</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Hubungan cadeb/debitur dengan Pemilik Jaminan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('cadeb_pemilik') border-danger bg-danger-light @enderror"
                                    type="text" name="cadeb_pemilik" value="">
                                @error('cadeb_pemilik')
                                    <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">
                                Hubungan Cadeb/Debitur dengan Penghuni Jaminan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('cadeb_penghuni') border-danger bg-danger-light @enderror"
                                    type="text" name="cadeb_penghuni" value="">
                                @error('cadeb_penghuni')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">ANALISA TANAH</label>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Luas Tanah
                                </label>
                                <div class="input-group w-full">
                                    <input
                                        class="left-group input w-full @error('luas_tanah') border-danger bg-danger-light @enderror"
                                        type="number" name="luas_tanah" value="">
                                    <span class="input-unit unit-right">m<sup>2</sup></span>
                                    @error('luas_tanah')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Hadap mata angin
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('mata_angin') border-danger bg-danger-light @enderror"
                                        type="text" name="mata_angin" value="">
                                    @error('mata_angin')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Bentuk Tanah
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('bentuk_tanah') border-danger bg-danger-light @enderror"
                                        type="text" name="bentuk_tanah" value="">
                                    @error('bentuk_tanah')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Kontur Tanah
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('kontur_tanah') border-danger bg-danger-light @enderror"
                                        type="text" name="kontur_tanah" value="">
                                    @error('kontur_tanah')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Beda ketinggian dengan jalan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('ketinggian') border-danger bg-danger-light @enderror"
                                        type="text" name="ketinggian" value="">
                                    @error('ketinggian')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Kontur jalan depan objek
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('kontur_jalan') border-danger bg-danger-light @enderror"
                                        type="text" name="kontur_jalan" value="">
                                    @error('kontur_jalan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Posisi Kavling
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('posisi_kavling') border-danger bg-danger-light @enderror"
                                        type="text" name="posisi_kavling" value="">
                                    @error('posisi_kavling')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Tusuk Sate
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('tusuk_sate') border-danger bg-danger-light @enderror"
                                        type="text" name="tusuk_sate" value="">
                                    @error('tusuk_sate')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Lockland
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('lockland') border-danger bg-danger-light @enderror"
                                        type="text" name="lockland" value="">
                                    @error('lockland')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Kondisi Fisik Tanah
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('kondisi_tanah') border-danger bg-danger-light @enderror"
                                        type="text" name="kondisi_tanah" value="">
                                    @error('kondisi_tanah')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">ANALISA BANGUNAN</label>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Luas Bangunan
                                </label>
                                <div class="input-group w-full">
                                    <input
                                        class="left-group input w-full @error('luas_bangunan') border-danger bg-danger-light @enderror"
                                        type="number" name="luas_bangunan" value="">
                                    <span class="input-unit unit-right">m<sup>2</sup></span>
                                    @error('luas_bangunan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Jenis Bangunan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('jenis_bangunan') border-danger bg-danger-light @enderror"
                                        type="text" name="jenis_bangunan" value="">
                                    @error('jenis_bangunan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Kondisi Bangunan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input
                                        class="input @error('kondisi_bangunan') border-danger bg-danger-light @enderror"
                                        type="text" name="kondisi_bangunan" value="">
                                    @error('kondisi_bangunan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Sifat Bangunan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('sifat_bangunan') border-danger bg-danger-light @enderror"
                                        type="text" name="sifat_bangunan" value="">
                                    @error('sifat_bangunan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Spek Bangunan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('pondasi') border-danger bg-danger-light @enderror"
                                            type="text" name="pondasi" placeholder="Pondasi" value="">
                                        @error('pondasi')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('dinding') border-danger bg-danger-light @enderror"
                                            type="text" name="dinding" placeholder="Dinding" value="">
                                        @error('dinding')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('struktur') border-danger bg-danger-light @enderror"
                                            type="text" name="struktur" placeholder="Struktur" value="">
                                        @error('struktur')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('pelapis_dinding') border-danger bg-danger-light @enderror"
                                            type="text" name="pelapis_dinding" placeholder="Pelapis Dinding"
                                            value="">
                                        @error('pelapis_dinding')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('rangka_atap') border-danger bg-danger-light @enderror"
                                            type="text" name="rangka_atap" placeholder="Rangka Atap" value="">
                                        @error('rangka_atap')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('pintu_jendela') border-danger bg-danger-light @enderror"
                                            type="text" name="pintu_jendela" placeholder="Pintu Jendela"
                                            value="">
                                        @error('pintu_jendela')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('tutup_atap') border-danger bg-danger-light @enderror"
                                            type="text" name="tutup_atap" placeholder="Tutup Atap" value="">
                                        @error('tutup_atap')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lantai') border-danger bg-danger-light @enderror"
                                            type="text" name="lantai" placeholder="Lantai" value="">
                                        @error('lantai')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('plafon') border-danger bg-danger-light @enderror"
                                            type="text" name="plafon" placeholder="Plafon" value="">
                                        @error('plafon')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Sarana Pelengkap
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('sarana_pelengkap') border-danger bg-danger-light @enderror"
                                    type="text" name="sarana_pelengkap" value="">
                                @error('sarana_pelengkap')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">ANALISA LINGKUNGAN</label>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Jarak dari jalan utama
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('jarak_jalan') border-danger bg-danger-light @enderror"
                                        type="text" name="jarak_jalan" value="">
                                    @error('jarak_jalan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Jarak ke CBD Point
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('jarak_cbd') border-danger bg-danger-light @enderror"
                                        type="text" name="jarak_cbd" value="">
                                    @error('jarak_cbd')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Lebar perkerasan jalan depan objek
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input
                                        class="input @error('lebar_perkerasan') border-danger bg-danger-light @enderror"
                                        type="text" name="lebar_perkerasan" value="">
                                    @error('lebar_perkerasan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Perkerasan jalan
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input
                                        class="input @error('perkerasan_jalan') border-danger bg-danger-light @enderror"
                                        type="text" name="perkerasan_jalan" value="">
                                    @error('perkerasan_jalan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Lalu lintas depan lokasi
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('lalulintas') border-danger bg-danger-light @enderror"
                                        type="text" name="lalulintas" value="">
                                    @error('lalulintas')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    GOL Masy Sekitar
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('gol_masy') border-danger bg-danger-light @enderror"
                                        type="text" name="gol_masy" value="">
                                    @error('gol_masy')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Tingkat Keramaian
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('keramaian') border-danger bg-danger-light @enderror"
                                        type="text" name="keramaian" value="">
                                    @error('keramaian')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Terletak di Area
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('terletak_area') border-danger bg-danger-light @enderror"
                                        type="text" name="terletak_area" value="">
                                    @error('terletak_area')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Disekitar Lokasi
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input
                                        class="input @error('disekitar_lokasi') border-danger bg-danger-light @enderror"
                                        type="text" name="disekitar_lokasi" value="">
                                    @error('disekitar_lokasi')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Dekat Makam
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('dekat_makam') border-danger bg-danger-light @enderror"
                                        type="text" name="dekat_makam" value="">
                                    @error('dekat_makam')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Dekat TPS
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('dekat_tps') border-danger bg-danger-light @enderror"
                                        type="text" name="dekat_tps" value="">
                                    @error('dekat_tps')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Merupakan Daerah
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input
                                        class="input @error('merupakan_daerah') border-danger bg-danger-light @enderror"
                                        type="text" name="merupakan_daerah" value="">
                                    @error('merupakan_daerah')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Fasilitas umum dekat objek
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('fasilitas_umum') border-danger bg-danger-light @enderror"
                                        type="text" name="fasilitas_umum" value="">
                                    @error('fasilitas_umum')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">ANALISA FAKTA</label>

                        <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 @error('faktor_positif') border-danger bg-danger-light @enderror" rows="3"
                                    type="text" id="faktor_positif" name="faktor_positif"></textarea>
                                @error('faktor_positif')
                                    <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">
                                Faktor Negatif
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('faktor_negatif') border-danger bg-danger-light @enderror" rows="3"
                                    type="text" id="faktor_negatif" name="faktor_negatif"></textarea>
                                @error('faktor_negatif')
                                    <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">
                                Rute Menuju
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('rute_menuju') border-danger bg-danger-light @enderror" rows="3"
                                    type="text" id="rute_menuju" name="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="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('utara') border-danger bg-danger-light @enderror"
                                            type="text" name="utara" placeholder="Utara" value="">
                                        @error('utara')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('timur') border-danger bg-danger-light @enderror"
                                            type="text" name="timur" placeholder="Timur" value="">
                                        @error('timur')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('selatan') border-danger bg-danger-light @enderror"
                                            type="text" name="selatan" placeholder="Selatan" value="">
                                        @error('selatan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('barat') border-danger bg-danger-light @enderror"
                                            type="text" name="barat" placeholder="Barat" value="">
                                        @error('barat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Kondisi Lingkungan / Pasar
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('kondisi_lingkungan') border-danger bg-danger-light @enderror" rows="3"
                                    type="text" id="kondisi_lingkungan" name="kondisi_lingkungan"></textarea>
                                @error('kondisi_lingkungan')
                                    <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">
                                Informasi lain terkait bangunan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('informasi_bangunan') border-danger bg-danger-light @enderror" rows="3"
                                    type="text" id="informasi_bangunan" name="informasi_bangunan"
                                    placeholder="Contoh : Bangunan terdiri dari Teras, 2 ruang utama, 5 kamar tidur, 3 kamar mandi"></textarea>
                                @error('informasi_bangunan')
                                    <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">
                                Informasi lain terkait dokumen
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('informasi_dokumen') border-danger bg-danger-light @enderror" rows="3"
                                    type="text" id="informasi_dokumen" name="informasi_dokumen"
                                    placeholder="Contoh : SHGB berdiri diatas HPL, Masa berlaku sertipikat, dll"></textarea>
                                @error('informasi_dokumen')
                                    <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">
                                Informasi dinas tata ruang
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('peruntukan') border-danger bg-danger-light @enderror"
                                            type="text" name="peruntukan" placeholder="Peruntukan" value="">
                                        @error('peruntukan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input class="input w-full @error('kdb') border-danger bg-danger-light @enderror"
                                            type="number" name="kdb" placeholder="KDB" value="">
                                        @error('kdb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input class="input w-full @error('kdh') border-danger bg-danger-light @enderror"
                                            type="number" name="kdh" placeholder="KDH" value="">
                                        @error('kdh')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('gsb') border-danger bg-danger-light @enderror"
                                            type="number" name="gsb" placeholder="GSB" value="">
                                        @error('gsb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('max_lantai') border-danger bg-danger-light @enderror"
                                            type="number" name="max_lantai" placeholder="Max lantai" value="">
                                        @error('max_lantai')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('klb') border-danger bg-danger-light @enderror"
                                            type="number" name="klb" placeholder="KLB" value="">
                                        @error('klb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('gss') border-danger bg-danger-light @enderror"
                                            type="number" name="gss" placeholder="GSS" value="">
                                        @error('gss')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('pelebaran_jalan') border-danger bg-danger-light @enderror"
                                            type="text" name="pelebaran_jalan" placeholder="Pelebaran jalan"
                                            value="">
                                        @error('pelebaran_jalan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('nama_petugas') border-danger bg-danger-light @enderror"
                                            type="text" name="nama_petugas" placeholder="Nama petugas TK"
                                            value="">
                                        @error('nama_petugas')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                peta
                            </label>
                            <div class="flex flex-wrap items-baseline w-full border">
                                PETA
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Catatan yang perlu diperhatikan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('catatan') border-danger bg-danger-light @enderror" rows="3" type="text"
                                    id="catatan" name="catatan"></textarea>
                                @error('catatan')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">INFORMASI DATA PEMBANDING</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Pembanding 1
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('jenis_properti') border-danger bg-danger-light @enderror"
                                            type="text" name="jenis_properti" placeholder="Jenis properti"
                                            value="">
                                        @error('jenis_properti')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_penawaran') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_penawaran" placeholder="Harga penawaran"
                                            value="">
                                        @error('harga_penawaran')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('penjual_hp') border-danger bg-danger-light @enderror"
                                            type="text" name="penjual_hp" placeholder="Penjual (HP)" value="">
                                        @error('penjual_hp')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('ditawarkan_sejak') border-danger bg-danger-light @enderror"
                                            type="date" name="ditawarkan_sejak" placeholder="Ditawarkan sejak"
                                            value="">
                                        @error('ditawarkan_sejak')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lt') border-danger bg-danger-light @enderror"
                                            type="number" name="lt" placeholder="LT" value="">
                                        @error('lt')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lb') border-danger bg-danger-light @enderror"
                                            type="number" name="lb" placeholder="LB" value="">
                                        @error('lb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('titik_koordinat') border-danger bg-danger-light @enderror"
                                            type="number" name="titik_koordinat" placeholder="Titik koordinat"
                                            value="">
                                        @error('titik_koordinat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Pembanding 1
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('jenis_properti') border-danger bg-danger-light @enderror"
                                            type="text" name="jenis_properti" placeholder="Jenis properti"
                                            value="">
                                        @error('jenis_properti')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_penawaran') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_penawaran" placeholder="Harga penawaran"
                                            value="">
                                        @error('harga_penawaran')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('penjual_hp') border-danger bg-danger-light @enderror"
                                            type="text" name="penjual_hp" placeholder="Penjual (HP)" value="">
                                        @error('penjual_hp')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('ditawarkan_sejak') border-danger bg-danger-light @enderror"
                                            type="date" name="ditawarkan_sejak" placeholder="Ditawarkan sejak"
                                            value="">
                                        @error('ditawarkan_sejak')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lt') border-danger bg-danger-light @enderror"
                                            type="number" name="lt" placeholder="LT" value="">
                                        @error('lt')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lb') border-danger bg-danger-light @enderror"
                                            type="number" name="lb" placeholder="LB" value="">
                                        @error('lb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('titik_koordinat') border-danger bg-danger-light @enderror"
                                            type="number" name="titik_koordinat" placeholder="Titik koordinat"
                                            value="">
                                        @error('titik_koordinat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Pembanding 1
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('jenis_properti') border-danger bg-danger-light @enderror"
                                            type="text" name="jenis_properti" placeholder="Jenis properti"
                                            value="">
                                        @error('jenis_properti')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_penawaran') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_penawaran" placeholder="Harga penawaran"
                                            value="">
                                        @error('harga_penawaran')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('penjual_hp') border-danger bg-danger-light @enderror"
                                            type="text" name="penjual_hp" placeholder="Penjual (HP)" value="">
                                        @error('penjual_hp')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('ditawarkan_sejak') border-danger bg-danger-light @enderror"
                                            type="date" name="ditawarkan_sejak" placeholder="Ditawarkan sejak"
                                            value="">
                                        @error('ditawarkan_sejak')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lt') border-danger bg-danger-light @enderror"
                                            type="number" name="lt" placeholder="LT" value="">
                                        @error('lt')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('lb') border-danger bg-danger-light @enderror"
                                            type="number" name="lb" placeholder="LB" value="">
                                        @error('lb')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full pl-8 @error('titik_koordinat') border-danger bg-danger-light @enderror"
                                            type="number" name="titik_koordinat" placeholder="Titik koordinat"
                                            value="">
                                        @error('titik_koordinat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">TOTAL NILAI PASAR WAJAR</label>

                        <label class="form-label">Total Nilai Pasar Wajar</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Luas Tanah
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_tanah" value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">x</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_tanah" value="">
                                        @error('harga_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">=</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('total_harga_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="total_harga_tanah" value="">
                                        @error('total_harga_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Luas Bangunan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_bangunan" value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">x</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_bangunan" value="">
                                        @error('harga_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">=</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('total_harga_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="total_harga_bangunan" value="">
                                        @error('total_harga_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Sarana Pelengkap
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_sarana') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_sarana" value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_sarana')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">x</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_sarana') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_sarana" value="">
                                        @error('harga_sarana')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">=</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('total_harga_sarana') border-danger bg-danger-light @enderror"
                                            type="number" name="total_harga_sarana" value="">
                                        @error('total_harga_sarana')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <label class="form-label">Total Nilai Likuidasi</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                (Letakkan disini nama dropdownnya)
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_tanah') border-danger bg-danger-light @enderror"
                                            type="text" name="luas_tanah" value="">
                                        <span class="input-unit unit-right">(disini satuan dari dropdownnya)</span>
                                        @error('luas_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">x</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('harga_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="harga_tanah" value="">
                                        @error('harga_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <label class="form-label">=</label>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('total_harga_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="total_harga_tanah" value="">
                                        @error('total_harga_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                DISCLAIMER
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <ol>
                                    <li>PENILAIAN INI DIBUAT BERDASARKAN ATURAN YANG BERLAKU DI SUBDIT APPRAISAL</li>
                                    <li>LAPORAN INI DIBUAT BERDASARKAN DATA DATA FOTOCOPY DOKUMEN YANG DITERIMA PENILAI
                                        DENGAN ASUMSI BAHWA DATA DATA YANG DISERAHKAN SESUAI DENGAN DOKUMEN ASLINYA
                                    </li>
                                    <li>PENILAI TIDAK MELAKUKAN PEMBUKTIAN LEBIH RINCI ATAU PENGAKUAN TERTULIS DARI PIHAK
                                        PIHAK YANG DITEMUI/BERTEMU SAAT PENILAIAN, ATAS INFORMASI YANG DIBERIKAN SECARA
                                        LISAN SEHUBUNGAN DENGAN IDENTITAS DIRI DAN HUBUNGAN DIANTARA PIHAK PIHAK TERKAIT
                                        SAAT MELAKUKAN INSPEKSI ATAS OBJEK YANG DINILAI</li>
                                    <li>LAPORAN INI DIGUNAKAN HANYA UNTUK KEPENTINGAN INTERNAL BAGI DAN DILARANG MENYEBARKAN
                                        KEPADA PIHAK KE 3/DILUAR BAGI</li>
                                </ol>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">Salam,</label>

                        <div class="flex gap-6 mx-10 my-6 p-4">
                            <label for="penilai"
                                class="upload-box cursor-pointer border border-gray-400 p-4 flex flex-col items-center w-full text-center transition hover:bg-gray-100">
                                <span class="mt-auto">PENILAI</span>
                                <input type="file" id="penilai" name="penilai" class="hidden">
                            </label>

                            <label for="senior_officer"
                                class="upload-box cursor-pointer border border-gray-400 p-4 flex flex-col items-center w-full text-center transition hover:bg-gray-100">
                                <span class="mt-auto">SENIOR OFFICER</span>
                                <input type="file" id="senior_officer" name="senior_officer" class="hidden">
                            </label>

                            <label for="executive_officer"
                                class="upload-box cursor-pointer border border-gray-400 p-4 flex flex-col items-center w-full text-center transition hover:bg-gray-100">
                                <span class="mt-auto">EXECUTIVE OFFICER</span>
                                <input type="file" id="executive_officer" name="executive_officer"
                                    class="hidden">
                            </label>

                            <label for="deputy_director"
                                class="upload-box cursor-pointer border border-gray-400 p-4 flex flex-col items-center w-full text-center transition hover:bg-gray-100">
                                <span class="mt-auto">DEPUTY DIRECTOR</span>
                                <input type="file" id="deputy_director" name="deputy_director" class="hidden">
                            </label>
                        </div>

                        <div class="flex justify-end">
                            <button type="submit" class="btn btn-primary">
                                Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection