@extends('layouts.webview.template')

@section('title','Sub Sales Listing')


@if(!request()->has('status'))
@section('header')
<header style="display: none;" class="desktopHeader">
  <div class="container">
    <div class="menuButton">
      <a href="javascript:void(0);" class="toggle-button">
        <img src="{{ URL::asset('webview/images/toggle-icon.png')}}" alt="">
      </a>
    </div>
    <div class="logoSection">
      <img src="{{ URL::asset('webview/images/logo.png')}}" alt="">
    </div>
    <ul class="customNav">
      <h2>Sub Sales</h2>
    </ul>
  </div>
</header>


<header class="d-f a-i-c j-c-c">
  <a href="javascript:void(0);" class="toggle-button">
    <img src="{{ URL::asset('webview/images/toggle-icon.png')}}" alt="">
  </a>
  <h2>Sub Sales</h2>
</header>
@endsection
@endif

@section('body')
	@foreach($fetch as $data)
		<div class="myListingPage">
			<div class="container">
				
				<div class="shortDiv showebleForMobileSearchBar desktopAppHeader" action="{{Request::fullUrl()}}" style="width:100%">
				   <form class="labledDiv borderBottomLine">
						<div class="form-group">
							<label>Subsale</label>
							@if(request()->has('status'))
							<input type="hidden" class="form-control" name="status" value="webview"/>
							@endif
							@if(request()->has('userid'))
							<input type="hidden" class="form-control" name="userid" value="{{ request()->userid }}"/>
							@endif
							@if($data->created_by==Auth::user()->id)
								<button  class="main-button icon" style="width:auto;"><a href="{{url('listingEdit/'.$data->id)}}"  style="float:right;">Edit Listing </a></button>
							@else
							<input type="search" id="search" class="form-control" name="search" value="{{ (!empty(request()->search))?request()->search:''}}" placeholder="Search title,location"  />
							<button type="submit" class="main-button icon">Submit</button>
							@endif
						</div>
				   </form>

				   <form class="labledDiv fullWidthLabelHeading">
						<div class="form-group">
							<label><spall><img src="{{ URL::asset('new-images/subsale-icon.png')}}" alt=""> Details</spall></label>
							<!-- <select class="customSelectbox" name="filter">
								<option value="time-bottom-to-top" {{ (request()->filter == 'time-bottom-to-top')?'selected':''}}>Latest</option>
								<option value="time-top-to-bottom" {{ (request()->filter == 'time-top-to-bottom')?'selected':''}}>Oldest</option>
								<option value="freehold" {{ (request()->filter == 'freehold')?'selected':''}}>Freehold</option>
								<option value="leasehold" {{ (request()->filter == 'leasehold')?'selected':''}}>Leasehold</option>
								<option value="name-top-to-bottom" {{ (request()->filter == 'name-top-to-bottom')?'selected':''}}>Name Top to bottom</option>
								<option value="name-bottom-to-top" {{ (request()->filter == 'name-bottom-to-top')?'selected':''}}>Name bottom to top</option>
							</select>
							<button type="submit" class="main-button icon">Sort</button> -->
						</div>
					</form>
				<!-- <button type="submit" class="main-button icon"><img src="{{ URL::asset('webview/images/filter-icon.png')}}" alt=""/></button> -->

			</div>

			
			<div class="main-wrapper subsale-details">
			  <div class="container">
				<div class="row">
				  <div class="col-sm-12 col-md-10 offset-md-1 mobileNoPadding">
					<div class="header-inner d-f a-i-c j-c-c">
					  <a href="javascript:history.back()" class="back-button">
						<img src="{{ URL::asset('webview/images/back-icon-black.png')}}" alt="">
					  </a>
					  <h4>Details</h4>
					</div>
				   
					@php
					$image=$data->image;

					$imgg=json_decode($image,true);
					$count=count($imgg);
					@endphp
					@if(!empty($count))
					<div class="page-container">
					  <div class="owl-carousel owl-theme announcement-details-carousel popup-gallery">
						@foreach($imgg as $img)
						<div class="item">
						  @if (file_exists( public_path() . '/userimage/'.$img['images']))
						  <a class="photoLogicImage" href="{{URL::asset('/userimage/'.$img['images'])}}">
							<img class="showableImage" src="{{URL::asset('/userimage/'.$img['images'])}}" alt="" />
							<img class="bluredImage" src="{{URL::asset('/userimage/'.$img['images'])}}" alt="" />
							<img class="imageSize3-2" src="{{URL::asset('images/photo-logic.png')}}" alt="Dummy Image">

						  </a>

						  @else
						  <img src="{{URL::asset('/uploads/download.jpg')}}" alt="" />
						  @endif
						</div>
						@endforeach

					  </div>
					</div>
					@endif
					<div class="listingDetailContent">

					  <div class="shareUrlButoton">
					   <button data-url="{{  url()->full() }}" class="main-button copy-url">Share Url</button>
					  </div>
					  <ul class="">
						<li>
						  <h6>{{$data->listing_header}}</h6>
						  <p>{{$data->property_type}}</p>
						  <p>{{date("d/m/Y", strtotime($data->created_at))}}</p>
						</li>
						<li>

						  <h6>@php

							if(!empty($data->price))
							{
							echo 'RM ';
							$amount = $data->price;
							echo number_format($amount);
							}
							@endphp</h6>
						  <p>@php
							if(!empty($data->built_up))
							{
							$amount1 = $data->built_up;
							setlocale (LC_MONETARY, "en_IN");
							$amount1 = number_format($amount1);
							$amount1=explode('.',$amount1);
							echo $amount1[0];
							echo ' Square Feet';
							}

							@endphp
							@if(!empty($data->market_value) && $data->market_value>=0.01)
							@php
							$cheap=(1-($data->price/$data->market_value))*100;
							@endphp
							@else
							@php
							$cheap=0;
							@endphp
							@endif
							@if(!empty($data->market_value_type))
							<div style="display:inline-block;float:right;">
							  @if($data->market_value_type=='Below Market Value')
							  <img style="width:70px;" src="{{url('images/icons/BMV-icon.png')}}">
							  @if(!empty($cheap) && $cheap>=1)
							  <!--
						  <div class="cheaper" style="background-image: url({{url('/webview/images/offer-bg.png')}});"><span>{{number_format($cheap)}}%</span> Lower</div>
						  -->
							  @endif
							  @elseif($data->market_value_type=='Auction Price')
							  <img style="width:70px;" src="{{url('images/icons/AP-icon.png')}}">
							  @if(!empty($cheap) && $cheap>=1)
							  <!--
						  <div class="cheaper" style="background-image: url({{url('/webview/images/offer-bg.png')}});"><span>{{number_format($cheap)}}%</span> Lower</div>
						  -->
							  @endif
							  @endif

							</div>
							@endif
						  </p>
						</li>
					  </ul>


					</div>


					<div class="subsale-details-container">
					  <div class="subsailListing">
						<div class="form-group">
						  <h6 class="headingWithBorder">Description</h6>
						</div>
						 <p>{!! $data->description !!}</p> 
						 <!--
						<ul class="checkList">
						  <li>Type : Double Storey -Intermediate</li>
						  <li>Land size: 22 X 80 feet</li>
						  <li>Built up size: 2,690Sf (approx)</li>
						  <li>Bedroom & toilet no: 4bedrooms + 1 Attic , 4Bathrooms</li>
						  <li>Status : FREE HOLD - Non Bumi Unit</li>
						  <li>Title : Individual</li>
						  <li>Facing South</li>
						  <li>Renovation : Extend 8 Feet at back and 5 Feet infront, Kitchen Cabinet - Fully tiles dining area, Build in Wardrobe at Master Bedroom - All Worth of RM100K Renovation.</li>
						  <li>10% Below Market Value.</li>
						</ul>
						-->
					  </div>
			<!--
					  <div class="subsailListing">
						<div class="form-group">
						  <h6 class="headingWithBorder">FACILITIES AND AMENITIES:</h6>
						</div>
						<ul class="checkList">
						  <li>Pump Station</li>
						  <li>Macdonald's</li>
						  <li>Various of Restaurants</li>
						  <li>Groceries shops</li>
						  <li>Convenience stores</li>
						  <li>Banks</li>
						  <li>Schools</li>
						</ul>
					  </div>
					  <div class="subsailListing">
						<div class="form-group">
						  <h6 class="headingWithBorder">NEIGHBOURING TOWNSHIP:</h6>
						</div>
						<ul class="checkList">
						  <li>Bukit jelutong</li>
						  <li>Bukit Subang</li>
						  <li>Elmina</li>
						  <li>Shah Alam</li>
						</ul>
					  </div>
					  
					  <div class="subsailListing">
						<div class="form-group">
						  <h6 class="headingWithBorder">ACCESSIBILITIES:</h6>
						</div>
						<p>5 km away from Bukit Jelutong and 6 km away from the Kota Damansara. It can be accessible easily via some major highways namely Guthrie Corridor Expressway (GCE), New Klang Valley Expressway (NKVE), Shah Alam Expressway and so on. With these highway networks, you can access to the major population centers in Klang Valley easily. For example, the NKVE can be used for bringing you to Mutiara Damansara and Mont Kiara directly.</p>
					  </div>
					</div>
					-->
					<!-- <ul style="border: 1px solid #a7a7a7; border-left: none; border-right: none; padding: 10px 0;">
						<li>Room - 3</li>
						<li>Bathroom - 2</li>
						<li>Carpark - 3</li>
					  </ul> -->
					@if((int)$data->longitute != 0 &&(int)$data->longitute != 0)
					<div class="project-details-container">
					  <div class="form-group">
						<h6 class="headingWithBorder">Property Location:</h6>
					  </div>
					  <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387193.3059445135!2d-74.25986613799748!3d40.69714941774136!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1553413321539" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> -->
					  <iframe
						src="https://maps.google.com/maps?q=,&hl=es;z=14&amp;output=embed"
						width="100%" height="450" frameborder="0"></iframe>
					</div>
					@endif
					@if(empty($hide))
					<div class="contact-info-container">
					  <div class="form-group">
						<h6 class="headingWithBorder">Contact Info</h6>
					  </div>
					  <ul>
						<li>Contact Agent</li>
						<li><img src="{{ URL::asset('webview/images/user-icon.png')}}" alt="" /> {{$data->name}}</li>
						<li><a href="tel:60129316785"><img src="{{ URL::asset('webview/images/phone-icon.png')}}"
							  alt="" />+{{$data->phone}}</a></li>
						<li><a href="https://wa.me/{{$data->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank"><img src="{{ URL::asset('webview/images/whatsapp-icon.png')}}" alt="" /> Direct
							Whatsapp</a></li>
					  </ul>
					</div>
					<br />
		
					<div class="shareUrlButoton coBrokeButton">
					  <a  href="https://wa.me/{{$data->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank">Whatsapp</a>
					</div>
					@if((Auth::user()|| request()->userid) && empty($shared))
					<div class="clearfix"></div>

					@endif

					@elseif(!empty(Auth::user()) && Auth::user()->id ==$user->id)
					<div class="contact-info-container col-sm-12 col-md-6">
					  <div class="form-group">
						<h6 class="headingWithBorder">Contact Info</h6>
					  </div>
					  <ul>
						<li>Contact Agent</li>
						<li><img src="{{ URL::asset('webview/images/user-icon.png')}}" alt="" /> {{$user->name}}</li>
						<li><a href="tel:60129316785"><img src="{{ URL::asset('webview/images/phone-icon.png')}}"
							  alt="" />+{{$user->phone}}</a></li>
						<li><a href="https://wa.me/{{$user->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank"><img src="{{ URL::asset('webview/images/whatsapp-icon.png')}}" alt="" /> Direct
							Whatsapp</a></li>
					  </ul>
					</div>
					<div class="contact-info-container col-sm-12 col-md-6">
					  <div class="form-group">
						<h6 class="headingWithBorder">Listing Source</h6>
					  </div>
					  <ul>
						<li>Contact Agent</li>
						<li><img src="{{ URL::asset('webview/images/user-icon.png')}}" alt="" /> {{$data->name}}</li>
						<li><a href="tel:{{$data->phone}}"><img src="{{ URL::asset('webview/images/phone-icon.png')}}"
							  alt="" />+{{$data->phone}}</a></li>
						<li><a href="https://wa.me/{{$data->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank"><img src="{{ URL::asset('webview/images/whatsapp-icon.png')}}" alt="" /> Direct
							Whatsapp</a></li>
					  </ul>
					  <i>Only yourself can view listing source when login, other people wont see this</i>
					</div>

					<div class="clearfix"></div>
					<br />
					<br />
		
					<div class="shareUrlButoton coBrokeButton">
					  <a  href="https://wa.me/{{$user->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank">Whatsapp</a>
					</div>
					@else
					<!--if($marketing->deleted==0)-->
					<div class="contact-info-container">
					  <div class="form-group">
						<h6 class="headingWithBorder">Contact Info</h6>
					  </div>
					  <ul>
						<li>Contact Agent</li>
						<li><img src="{{ URL::asset('webview/images/user-icon.png')}}" alt="" /> {{$user->name}}</li>
						<li><a href="tel:{{$data->phone}}"><img src="{{ URL::asset('webview/images/phone-icon.png')}}"
							  alt="" />+{{$user->phone}}</a></li>
						<li><a href="https://wa.me/{{$user->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank"><img src="{{ URL::asset('webview/images/whatsapp-icon.png')}}" alt="" /> Direct
							Whatsapp</a></li>
					  </ul>
					</div>
					
					<br />
		
					<div class="shareUrlButoton coBrokeButton">
					  <a  href="https://wa.me/{{$user->phone}}?text=Enquire About {{$data->listing_header}}"
							target="_blank">Whatsapp</a>
					</div>

					@endif

					<br />
				  <div class="shareUrlButoton">
					  @if(!empty(Auth::user()->id))
					  <a onclick="$('#folderform').load('{{url('marketing/listing_form/'.Auth::user()->id.'/Listing/'.$data->id)}}');"
						href='#actionform' data-toggle='modal' class="main-button button-width-auto">Boost Listing</a>
					  @endif
					</div> 
			
					<br/>
					<br/>
					<br/>
					<br/>
				  </div>

				</div>
			  </div>
			</div>
			<div class="modal fade" id="actionform" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog">

				<div class="modal-content">
				  <div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">Listing Folder</h4>
				  </div>
				  <div class="modal-body" id="folderform">
				  </div>
				</div>
			  </div>
			</div>
			@endforeach
		</div>
	</div>

@endsection
@section('bottom_icon','listing')