{{-- 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="d-flex align-items-center flex-wrap mr-2">
                @if(count($portal_url)) 
                @foreach($portal_url as $url)
                    @if($url['portal']==0)
                       <a title="Click here to see the listing" target="portal" class="btn btn-rightmove btn-circle btn-sm" title="Rightmove" href="{{$url['portal_url']}}"><i class="icon-lg">R</i></a>
                    @else
                        <a title="Click here to see the listing" target="portal" title="Zoopla" class="btn btn-zoopla btn-circle btn-sm ml-2" href="{{$url['portal_url']}}"><i class="icon-lg">Z</i></a>
                    @endif
                @endforeach
            @endif     
             
            </div>
              
            </div>
            <div class="card-body">
            <h3>{{$details->house_number}}, {{$details->title}}, +{{$details->address}}</h3>
            <h6 class="text-muted">
                @php 
                    $status_ = Helper::propertyStatus($house_number_id); 
                @endphp
                {{$status_}}
                &nbsp;<i class="fas fa-pound-sign"></i> {{number_format($details->latest_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">{{date('d M Y',strtotime($details->listed_date))}}</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-header d-flex flex-nowrap">
                <div class="card-title">
                    <h3 class="card-label">
                       Street View
                    </h3>
                </div>
                <div class="card-toolbar">
                  
				</div>
            </div> -->
            <div class="card-body">      
    
            <div id="map" style="width: 100%; height: 390px;"></div>
            </div>
        </div>
        <!--end::Card-->

   
	
    </div>
</div>


@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 = '