{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<div class="row">
    <div class="col-lg-7">
        <!--begin::Card-->
        <div class="card card-custom gutter-b">
            <div class="card-header">
                <div class="card-title">
                    <h2 class="card-label">
                       Property Info
                    </h2>
                </div>

                <div class="card-toolbar">
                           
                        @if($details->latitude!='' && $details->longitude!='')
                            @php
                                $map_url = "https://www.google.com/maps?q=$details->latitude,$details->longitude";
                            @endphp
                        @else
                            @php
                                $map_url = "https://www.google.com/maps?q=$details->postcode";
                            @endphp
                        @endif
                        
                        @if($details->portal==0)
                            @php $class ='rightmove'; @endphp
                        @else 
                            @php $class ='zoopla'; @endphp
                        @endif
                        <a title='Click here to see the listing' target='portal' class='btn btn-{{$class}} btn-sm  mr-3 ' href='{{$details->portal_url}}'><i class='icon-lg'>@if($details->portal==0) R @else Z @endif</i></a>
                        
                        <a target='street_view' title='Access Street View' class='btn btn-success btn-sm  mr-3 ' href='{{$map_url}}'><i class='flaticon2-map icon-lg'></i></a>
                      

                        <button type="button" id="edit" data-toggle="modal" data-target="#editHouseNumberModal" class="btn btn-primary  mr-3 font-weight-bolder">
                        <i class="flaticon2-pen icon-sm"></i>Edit</button>
                    
                        <button type="button" data-id="{{$details->id}}" id="confirm" class="btn btn-info font-weight-bolder mr-3">
                        <i class="ki ki-check icon-sm"></i>Confirm</button> 

                        <button type="button" data-id="{{$details->id}}" id="wrong" class="btn btn-danger font-weight-bolder">
                        <i class="ki ki-bold-close icon-sm"></i>Wrong</button>                       
                </div>
            </div>
            <div class="card-body">
            <h3>{{$details->address}}</h3>
                <h6 class="text-muted">
                @php 
                    $status_ = Helper::propertyStatus($details->house_number_id); 
                @endphp
                {{$status_}}
                &nbsp; &pound;{{number_format($details->price)}} </h6> 
                <div class="py-9">
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Property Number:</span>
                        <span class="text-muted">{{($details->house_number)}}</span>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Outcode:</span>
                        <span class="text-muted">{{($details->outcode)}}</span>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Postcode :</span>
                        <span class="text-muted">{{($details->postcode)}}</span>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Type of Property :</span>
                        <span class="text-muted">{{ucfirst($details->property_type)}}</span>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Bedrooms :</span>
                        <span class="text-muted">{{$details->bed_rooms}}</span>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Fallen Through :</span>
                        <span class="text-muted">@if($details->fallen_through==1)Yes @else No @endif</span>
                    </div>

                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Agency :</span>
                        <span class="text-muted">{{$details->agency_name}}</span>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="font-weight-bold mr-2">Listed Date :</span>
                        <span class="text-muted">@if($details->listed_date){{date('d M Y',strtotime($details->listed_date))}}@else POA @endif</span>
                    </div>

                    
                    
                </div>                
            </div>
        </div>
        <!--end::Card-->

        

    </div>

	<div class="col-lg-5">
        <!--begin::Card-->
        <div class="card card-custom gutter-b">
            
            <div class="card-body">      
    
            <div id="map" style="width: 100%; height: 360px;"></div>
            </div>
        </div>
        <!--end::Card-->

   
	
    </div>
</div>

<!-- Add  comment modal  -->
<div class="modal fade" id="editHouseNumberModal" tabindex="-1" role="dialog" aria-labelledby="commentModal" aria-hidden="true">
    <div class="modal-dialog modal-md" role="document">
        <form method="post" novalidate="novalidate" action="{{route('DEOEditProperty')}}" class="form" id="editHouseNumber" name="editHouseNumber">
            {{csrf_field()}}
            <input type="hidden" value="{{$details->id}}" name="property" id="property">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenterTitle">Edit Property Number</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">                    
                    <div class="form-group row">                           
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <input type="text" value="{{$details->house_number}}" name="property_number" id="property_number" class="form-control" >
                            
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" id="addCampaignSubmit" class="btn btn-primary">Save & Verify</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- comment modal  -->
@endsection

@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="{{asset('css/pages/style.css')}}">
@endsection


{{-- Scripts Section --}}
@section('scripts')
    <script>
        var latitude = "";
        var longitude = "";
        var token = '