@php
    $provincedt = null;
    $warddt = null;
    $districtdt = null;
    $addressdt = null;
    $ownerName = null;
    $ownerPhone = null;
    $lat = null;
    $lng = null;
        if(session()->has('data') &&  !str_contains(request()->fullUrl(), 'tim-ban/cap-nhat'))
    {

        $data = session()->get('data');

    if(isset($data['province'])) {
        $provincedt = $data['province'];
        }
        if(isset($data['ward'])) {
        $warddt= $data['ward'];
        }
        if(isset($data['lat'])) {
        $lat= $data['lat'];
        }
         if(isset($data['lng'])) {
        $lng= $data['lng'];
        }
        if(isset($data['owner_name'])) {
        $ownerName= $data['owner_name'];
        }
        if(isset($data['owner_phone'])) {
        $ownerPhone= $data['owner_phone'];
        }
        if(isset($data['district'])) {
        $districtdt = $data['district'];
        }

        if(isset($data['address'])) {
        $addressdt = $data['address'];
        }
    }
else {

if(str_contains(request()->fullUrl(), 'tim-ban/cap-nhat'))
{
    if(isset($room))
    {
         $provincedt = $room->province;
         $warddt = $room->ward;
         $ownerName = $room->owner_name;
         $ownerPhone = $room->owner_phone;
         $districtdt = $room->district;
         $addressdt = $room->address;
         $lat = $room->lat;
         $lng = $room->lng;

    }
    }
}
@endphp

<div class="add-post__single-info-section ht-depth-1 mb-12" id="step-2">
    <div class="section-header">
        <div class="flex flex-ai-center">
            <div class="flex-item flex-item-tw">
                <div class="section-header__icon"><img src="/frontend3/assets/img/step/2.svg"
                                                       width="20" height="20" alt=""></div>
            </div>
            <div class="flex-item flex-item-dw">
                <h3 class="section-header__title">Địa chỉ nhà trọ</h3>
            </div>
        </div>
    </div>
    <div class="section-content">
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="filter-label-wrap">
                            <label>Tên chủ trọ</label>
                        </div>
                    </div>
                    <div class="col-xs-8 more-pr">
                        <div class="form-group">
                            <div class="input-group">

                                <input type="text" class="form-control" placeholder="Nhập tên"
                                       value="{{ $ownerName }}" name="owner_name">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="row">
                    <div class="col-xs-4 more-pl">
                        <div class="filter-label-wrap">
                            <label>SĐT chủ trọ</label>
                        </div>
                    </div>
                    <div class="col-xs-8">
                        <div class="form-group">
                            <div class="input-group">

                                <input type="text" class="form-control" placeholder="Nhập SĐT"
                                       value="{{ $ownerPhone }}" name="owner_phone">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-xs-12 col-sm-4">
                <div class="form-group">
                    <select class="form-control select2-form-control" id="province2" name="province">
                        <option value="" selected disabled>Tỉnh / Thành phố</option>
                        @php $provinces = \App\Components\Functions::getProvinces(); @endphp

                        @foreach($provinces as $province)
                            <option data-lat="{{ $province->lat }}" data-lng="{{ $province->lng }}" @if($province->provinceid == $provincedt) selected=""
                                    @endif value="{{ $province->provinceid }}">{{ $province->name }}</option>
                        @endforeach

                    </select>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="form-group">
                    <select class="form-control select2-form-control" id="district2" name="district">

                        @php if(!empty($provincedt)) {
                            $districts = DB::table('district')->where('provinceid', $provincedt)->get();
                        } else {
                            $districts = null;
                        }@endphp

                        @if(!empty($districts))
                            <option value="" selected disabled>Quận / Huyện</option>
                            @foreach($districts as $district)
                                <option @if($district->districtid == $districtdt) selected=""
                                        @endif value="{{ $district->districtid }}">{{ $district->name }}</option>
                            @endforeach
                        @else
                            <option value="" selected disabled>Quận / Huyện</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="form-group">
                    <select class="form-control select2-form-control" id="ward2" name="ward">

                        @php if(!empty($districtdt)) {
                            $wards = DB::table('ward')->where('districtid', $districtdt)->get();
                        } else {
                            $wards = null;
                        }@endphp

                        @if(!empty($wards))

                            <option value="" selected disabled>Xã / Phường</option>
                            @foreach($wards as $ward)
                                <option @if($ward->wardid == $warddt) selected=""
                                        @endif value="{{ $ward->wardid }}">{{ $ward->name }}</option>
                            @endforeach
                        @else
                            <option value="" selected disabled>Xã / Phường</option>
                        @endif


                    </select>
                </div>
            </div>
        </div>
        <div class="form-group mb-0">
                                <textarea class="form-control autosize-form-control" rows="2" name="address"
                                          value="{{ $addressdt }}" id="query"
                                          placeholder="Nhập địa chỉ chi tiết">{{ nl2br($addressdt) }}</textarea>
        </div>
        <input type="hidden" name="lat" id="query_lat" value="{{ $lat }}">
        <input type="hidden" name="lng" id="query_lng" value="{{ $lng }}">

        <hr>

        <div id="map" style="height: 350px; width: 100%">

        </div>

    </div>
</div>

@push('scripts')
<script>

    $(document).on('change', '#province2', function (e) {
        var lat = $('option:selected', this).attr('data-lat');
        var lng = $('option:selected', this).attr('data-lng');
        $.ajax({
            url: '{{ url('get-sub-location') }}',
            type: 'get',
            data: {
                'id': $(this).val(),
                'type': 'province',
            },
            dataType: 'html',
            success: function (response) {
                $('#district2').html(response);
                $('#ward2').html('');

//                map.setCenter({
//                    lat: parseFloat(lat),
//                    lng: parseFloat(lng),
//                });
//
//                myLatlng = new google.maps.LatLng(parseFloat(lat), parseFloat(lng));
//
//                marker = new google.maps.Marker({
//                    map: map,
//                    position: myLatlng,
//                    draggable: true
//                });

            }
        });
    });

    $(document).on('change', '#district2', function (e) {
        $.ajax({
            url: '{{ url('get-sub-location') }}',
            type: 'get',
            data: {
                'id': $(this).val(),
                'type': 'district'
            },
            dataType: 'html',
            success: function (response) {
                $('#ward2').html(response);

            }
        });
    });
</script>
@endpush