@extends(backpack_view('blank'))
@section('after_styles')
<style>

</style>
@endsection
@section('content')

<div>
    <div>
        <form id="form-peta" class="form-peta" action="{{ route('input.peta') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div id="formObjectPenilaian">
                <div class="card-header fw-bold bg-primary text-white">
                    Lokasi Object Penilaian
                </div>
                <div class="card">
                    <div class="card-body">
                        <br>
                        <div class="row">
                            <!-- <label for="no_kontrak" class="fw-bold">Lokasi</label> -->
                            <input type="hidden" form="form-peta" value="{{$uuid}}" name="uuid">


                            {{--DISINI MAPS--}}
                            <div class="col-md-12">
                                <div class="my-2">
                                    <div id="map" class="w-100" style="height: 420px !important;"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="latitude">Latitude</label>
                                    <input type="text" form="form-peta" name="latitude" id="latitude"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Longitude</label>
                                    <input type="text" form="form-peta" name="longitude" id="longitude"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Alamat Lengkap</label>
                                    <input type="text" form="form-peta" name="" id="address"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Nomor</label>
                                    <input type="text" form="form-peta" name="no_blok" id="_nomor_block"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Kelurahan</label>
                                    <input type="text" form="form-peta" name="kelurahan" id="_kelurahan"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Kecamatan</label>
                                    <input type="text" form="form-peta" name="kecamatann" id="_kecamatan"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Kota/Kabupaten</label>
                                    <input type="text" form="form-peta" name="kota_kab" id="_kota"
                                        class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="longitude">Provinsi</label>
                                    <input type="text" form="form-peta" name="provinsi" id="_provinsi"
                                        class="form-control" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- <div class="card-body">
                    <div class="row">

                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="provinsi">Provinsi</label>
                                <select id="provinsi"  name="provinsi" class="form-control form-select">
                                 <option>-- Pilih Provinsi --</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="kota_kab">Kota/Kabupaten</label>
                                <select id="kota"  name="kota_kab" class="form-control form-select">
                                 <option>-- Pilih Kota --</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="kecamatan">Kecamatan</label>
                                <select id="kecamatan" name="kecamatan" class="form-control form-select">
                                     <option>-- Pilih Kecamatan --</option>
                                </select>

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="kelurahan">Kelurahan</label>
                                <select id="kelurahan" name="kelurahan" class="form-control form-select">
                                     <option>-- Pilih Kelurahan --</option>
                               </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="no_blok">No dan Blok</label>
                                <input type="text" name="no_blok" id="no_blok" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="komplek">Komplek (Jika dalam komplek
                                    perumahan)</label>
                                <input type="text" name="komplek" id="komplek" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="rt_rw">RT/RW</label>
                                <input type="text" name="rt_rw" id="rt_rw" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="kode_pos">Kode Pos</label>
                                <input type="text" name="kode_pos" id="kode_pos" class="form-control">
                            </div>
                        </div>
                    </div>
                </div> --}}

                <div class="card">
                    <div class="card-header fw-bold bg-primary text-white">
                        Data Object Penilaian
                    </div>
                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="nama_pemilik_objek">Nama Pemilik Object Penilaian</label>
                                    <input type="text" class="form-control" name="nama_pemilik_objek"
                                        id="nama_pemilik_objek">
                                </div>
                            </div>
                            <!-- <div class="col-md-6">
                                <div class="my-2">
                                    <label for="tgl_terbit_dok_kepemilikan">Tanggal Terbit Dokumen Kepemilikan</label>
                                    <input type="date" name="tgl_terbit_dok_kepemilikan" id="tgl_terbit_dok_kepemilikan"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="tgl_jatuh_tempo_kepemilikan">Tanggal Jatuh Tempo Dokumen
                                        Kepemilikan</label>
                                    <input type="date" name="tgl_jatuh_tempo_kepemilikan"
                                        id="tgl_jatuh_tempo_kepemilikan" class="form-control">
                                </div>
                            </div> -->
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="luas_tanah">Luas Tanah (m2)</label>
                                    <input type="number" name="luas_tanah" id="luas_tanah" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="luas_bangunan">Luas Bangunan (m2)</label>
                                    <input type="number" name="luas_bangunan" id="luas_bangunan" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="jumlah_unit">Jumlah Unit</label>
                                    <input type="number" class="form-control" name="jumlah_unit" id="jumlah_unit">
                                </div>
                            </div>
                            <!-- <div class="col-md-6">
                                <div class="my-2">
                                    <label for="no_dok_imb">No. Dokumen IMB</label>
                                    <input type="text" class="form-control" name="no_dok_imb" id="no_dok_imb">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="my-2">
                                    <label for="tgl_terbit_imb">Tanggal Terbit IMB</label>
                                    <input type="date" name="tgl_terbit_imb" id="tgl_terbit_imb" class="form-control">
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header fw-bold bg-primary text-white">
                    Kondisi Objek Penilaian
                </div>
                <div class="card-body">
                    <div class="row">
                        <label for="no_kontrak" class="fw-bold">Foto Objek Penilaian</label>
                        <div class="col-md-6 filefotoobject">
                            <div class="my-2">
                                <label for="tampak_depan">Tampak Depan (maks. 250KB)</label>
                                <input type="file" name="tampak_depan" id="tampak_depan" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6 filefotoobject">
                            <div class="my-2">
                                <label for="tampak_sekitar">Tampak Lingkungan Sekitar (maks. 250KB)</label>
                                <input type="file" name="tampak_sekitar" id="tampak_sekitar" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6 filefotoobject">
                            <div class="my-2">
                                <label for="tampak_dalam">Tampak Dalam (maks. 250KB)</label>
                                <input type="file" name="tampak_dalam" id="tampak_dalam" class="form-control">
                            </div>
                        </div>
                        <!-- <div class="col-md-6 filefotoobject"></div>
                        <div class="col-md-4">
                            <div class="my-2">
                                <img src="" alt="Foto Tampak Depan" height="200px" id="img_tampak_depan"
                                    title="Foto Tampak Depan">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="my-2">
                                <img src="" alt="Foto Tampak Dalam" height="200px" id="img_tampak_dalam"
                                    title="Foto Tampak Dalam">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="my-2">
                                <img src="" alt="Foto Tampak Sekitar" height="200px" id="img_tampak_sekitar"
                                    title="Foto Tampak Sekitar">
                            </div>
                        </div> -->

                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="lantai">Jumlah Lantai</label>
                                <input type="number" name="lantai" id="lantai" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="kamar_tidur">Jumlah Kamar Tidur</label>
                                <input type="number" name="kamar_tidur" id="kamar_tidur" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="kamar_mandi">Jumlah Kamar Mandi</label>
                                <input type="number" name="kamar_mandi" id="kamar_mandi" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="daya_listrik">Daya Listrik PLN (Watt)</label>
                                <input type="number" name="daya_listrik" id="daya_listrik" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="sumber_air">Sumber Air Bersih</label>
                                <!-- <select name="sumber_air" id="sumber_air" class="form-control"></select> -->
                                <input type="text" name="sumber_air" class="form-control">
                                <div id="contentSumberAir" class="my-2"></div>
                            </div>
                        </div>
                        <!-- <div class="col-md-6">
                            <div class="my-2">
                                <label for="peruntukan_lahan">Peruntukan Lahan</label>
                                <select name="peruntukan_lahan" id="peruntukan_lahan" class="form-control"></select>
                                <div id="contentPeruntukanLahan" class="my-2"></div>
                            </div>
                        </div> -->
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="pelengkap_bangunan">Sarana Pelengkap Bangunan</label>
                                <input type="text" name="pelengkap_bangunan" id="pelengkap_bangunan"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="my-2">
                                <label for="keterangan">Keterangan</label>
                                <textarea name="keterangan" id="keterangan" class="form-control" rows="5"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="d-flex w-100 justify-content-between my-2">

                <div>
                    <input type="submit" form="form-peta" class="btn btn-primary" value="Simpan">
                    <a href="{{ route('tasks.index') }}" role="button" class="btn btn-dark">Kembali</a>
                </div>
            </div>
    </div>
    </form>
</div>
</div>


</div>
</div>
</div>
@endsection

@section('after_scripts')
@include('tasks.peta.gmaps')
@include('tasks.peta.object_penilaian_js')
@endsection