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

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

<div>
    <div>
        <section class="container-fluid">
            <h2>
                <span class="text-capitalize">Detail Object Penilaian</span>
            </h2>
        </section>
        <div id="formObjectPenilaian">

            <div class="card">
                <div class="card-body">
                    <div class="row">
                    <div class="row">
                       <div class="col">
                           <form method="get" action="{{url('persebaran/object')}}">
                            <div class="form-group">
                                <label for="province">Provinsi:</label>
                                <select class="form-control" id="province" name="provinsi">
                                    <option value="">Semua Provinsi</option>
                                    @foreach($mapSearch->unique('provinsi') as $provinsi)
                                        @if($provinsi->provinsi)
                                            <option value="{{ $provinsi->provinsi }}" @if(request('provinsi') == $provinsi->provinsi) selected @endif>{{ $provinsi->provinsi }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label for="city">Kota:</label>
                                <select class="form-control" id="city" name="kota_kab">
                                    <option value="">Semua Kota</option>
                                    @foreach($mapSearch->unique('kota_kab') as $kota)
                                        @if($kota->kota_kab)
                                            <option value="{{ $kota->kota_kab }}" @if(request('kota_kab') == $kota->kota_kab) selected @endif>{{ $kota->kota_kab }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label for="subdistrict">Kecamatan:</label>
                                <select class="form-control" id="subdistrict" name="kecamatan">
                                    <option value="">Semua Kecamatan</option>
                                    @foreach($mapSearch->unique('kecamatan') as $kecamatan)
                                        @if($kecamatan->kecamatan)
                                            <option value="{{ $kecamatan->kecamatan }}" @if(request('kecamatan') == $kecamatan->kecamatan) selected @endif>{{ $kecamatan->kecamatan }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group mt-5 pt-1">
                                <button class="btn btn-primary form-control" type="submit" id="searchBtn">Search</button>
                            </div>
                        </div>
                        </form>
                        {{--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>
                  <!-- <div class="col-md-6">
                            <div class="my-2">
                                <label for="latitude">Latitude</label>
                                <input type="text" 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" name="longitude" id="longitude" class="form-control" readonly>
                            </div>
                        </div>       -->
                        <div class="card pt-2">
                            <div class="card-body">
                                <p id="" class="nama"></p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- <div class="d-flex w-100 justify-content-between my-2">
                {{-- <a href="{{url('/tasks')}}" class="btn btn-default">Back</a> --}}

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

@section('after_scripts')
    @include('monitoring.peta.gmaps')
    @include('monitoring.peta.objek_penilaian_js')
@endsection