@extends('frontend.layout.master')

@section('title')
FSBM | {{ucfirst($slug->title)}}
@endsection

@section('keyword')
{!!strip_tags($slug->meta_keyword)!!}
@endsection

@section('description')
{!!strip_tags($slug->meta_desc)!!}
@endsection

@section('content')



<!--Breadcrumb-->
<div class="bg-white border-bottom">
<div class="container">
<div class="page-header">
<h4 class="page-title">Details</h4>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="{{route('front.dashboard')}}">Home</a>

</li>
<li class="breadcrumb-item active" aria-current="page">Details</li>
</ol>
</div>
</div>
</div>
<!--/Breadcrumb-->

<!--Add listing-->
<section class="sptb">
<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12">
<!--Product Description-->
<div class="card">
<div class="single-productslide">
<div class="row no-gutter">
	<div class="col-lg-6 border-right">
		<div class=" pb-0 image-zoom-container">
			@if($motgageDetail->endDate == '')
				<div class="arrow-ribbon-2 bg-primary">
				    <span>Open</span>
				</div>
			@else
				
				@if($carbon<=($motgageDetail->endDate.' '.$motgageDetail->endTime))
					    <div class="arrow-ribbon-2 bg-primary">
					    	<span class="day" id="day2">{{$carbon->diffInSeconds($motgageDetail->endDate.' '.$motgageDetail->endTime) }}</span>
					    </div>
					@else
						<div class="arrow-ribbon-2 bg-primary">
				    		<span>00 Days 00:00:00</span>
				    	</div>
					@endif
			@endif




			<div class="show image-zoom" href="{{asset('upload/property/thumb1200/'.$motgageDetail->picture)}}">
				<img src="{{asset('upload/property/thumb1200/'.$motgageDetail->picture)}}" id="show-img">
			</div>
			<div class="small-img">
				<img src="{{asset('plugins/Image-Zoom/images/online_icon_right@2x.png')}}" class="icon-left" alt="" id="prev-img">
				<div class="small-container">
					<div id="small-img-roll">
						<img src="{{asset('upload/property/thumb400/'.$motgageDetail->picture)}}" class="show-small-img" alt="">
						@foreach($smallImage as $val)
						<img src="{{asset('upload/property/thumb400/'.$val->prop_pic)}}" class="show-small-img" alt="">
						@endforeach

						
					</div>
				</div>
				<img src="{{asset('plugins/Image-Zoom/images/online_icon_right@2x.png') }}" class="icon-right" alt="" id="next-img">
			</div>
		</div>
	</div>
	<div class="col-lg-6">
		<div class="product-gallery-data mb-0">
			<h3 class="mb-3 font-weight-semibold">{{$motgageDetail->prop_name}}</h3>
			<div class="mb-3">
				<span class="font-weight-bold h3 text-primary">	Min Bid: </span>
				<span class="font-weight-bold h3 text-secondary">
					@if($motgageDetail->prop_price == NULL)
						 {{$motgageDetail->currency['curr_code']}} - Offers Invited
					@else
						{{$motgageDetail->currency['curr_code']}} {{$motgageDetail->prop_price}}
					@endif
				</span>
			</div>

			
			<h6 class="font-weight-bold mt-4">Description</h6>
			<p class="text-dark">{!!$motgageDetail->prop_desc!!}</p>
			@if(Auth::user())
				@if(Auth::user()['role_id']==3)
					@if($editBidding == '')
						
						@if($carbon<=($motgageDetail->endDate.' '.$motgageDetail->endTime) || $motgageDetail->endDate == '')
							<a href="#bidModal" class="btn  btn-info" data-toggle="modal"> Bid Now </a>
						@else
							<a href="#" class="btn  btn-dark" > Bid Closed </a>
						@endif
					@else
						@if($carbon<=($motgageDetail->endDate.' '.$motgageDetail->endTime || $motgageDetail->endDate == ''))
							<a href="#editBidModal" class="btn  btn-warning" data-toggle="modal">Edit Bid Now </a>
						@else
							<a href="#" class="btn  btn-dark" >Bid Closed </a>
						@endif
					@endif
				@elseif(Auth::user()['role_id']==2 && $motgageDetail->status==0)
					<a href="{{route('front.active', base64_encode($motgageDetail->id))}}" class="btn  btn-secondary"> Publish </a>
					<a href="{{route('front.profile')}}" class="btn  btn-dark"> Cancel </a>
				@endif
			@else
				@if($motgageDetail->status==0)
					<a data-toggle="modal" href="#loginModal" class="btn  btn-primary"> Login </a>
				@else
					<a data-toggle="modal" href="#loginModal" class="btn  btn-info"> Bid Now </a>
				@endif
				<!-- <a data-toggle="modal" href="#loginModal" class="btn  btn-info"> Bid Now </a> -->
			@endif
			@include('frontend.partial.prod_login_modal')
			@include('frontend.partial.bid_modal')
			@include('frontend.partial.editbid_modal')
			
		</div>
	</div>
</div>
</div>
</div>

@if(Auth::user()['role_id']==2)
<div class="card">
<div class="card-body">
<div class="list-id">
	<!-- <div class="row">
		<div class="col-xl-1 col-auto text-right">
			 <a class="btn btn-primary" href="{{route('front.addMotgage')}}">Add New</a> 
		</div>	
	</div> -->
</div>
</div>
</div>
@endif

<div class="card">
<div class="card-header">
<h3 class="card-title">Location</h3>
</div>
<div class="card-body">
<div class="mb-4">
	
</div>

<div class="row">
	
			<iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0"
			 marginwidth="0" src="https://maps.google.com/maps?q=Aranguez, San Juan–Laventille, Trinidad And Tobaco, &t=&z=14&ie=UTF8&iwloc=&output=embed"></iframe>
			
</div>


</div>
<div class="p-4 border-top">
<div class="list-id">
	<div class="row">
		<div class="col-xl-9">
			
		</div>
		<div class="col-xl-3 col-auto">
			Posted By <a class="mb-0 font-weight-bold">{{$motgageDetail->user['name']}}</a> / 21st Dec 2018
		</div>
	</div>
</div>
</div>

</div>


</div>
</div>
</div>
</section>
<!--/Add Listing-->

@endsection

@section('scripts')

<script type="text/javascript">
function validation() {
var price = $('#bidprice').val();
var minprice = $('#minmbidprice').val();

// alert(price);
// alert(minprice);

if(price == '')
{
$('#bidcheck').show();
$('#bidcheck').html('** Please Fill This Field');
setTimeout(function(){
$('#bidcheck').hide();
}, 5000);

return false;
}
else if(isNaN(price))
{
$('#bidcheck').show();
$('#bidcheck').html('** Please Enter Digits Only');
setTimeout(function(){
$('#bidcheck').hide();
}, 5000);

return false;
}
else if(minprice != 'N/A' && parseInt(minprice) >= parseInt(price))
{
 
$('#bidcheck').show();
$('#bidcheck').html('** Your Bid Amount Should Be Greater Than Minimum Bid Price');
setTimeout(function(){
$('#bidcheck').hide();
}, 5000);

return false;

}
else
{
return true;
}
}


function validationEdit() {
var price = $('#biddprice').val();
var prevprice = $('#prevbidprice').val();
var minprice = $('#minmbidprice').val();

// alert(price);

if(price == '')
{
$('#editbidcheck').show();
$('#editbidcheck').html('** Please Fill This Field');
setTimeout(function(){
$('#editbidcheck').hide();
}, 5000);

return false;
}
else if(isNaN(price))
{
$('#editbidcheck').show();
$('#editbidcheck').html('** Please Enter Digits Only');
setTimeout(function(){
$('#editbidcheck').hide();
}, 5000);

return false;
}
else if(minprice != 'N/A' && parseInt(minprice) >= parseInt(price))
{

$('#editbidcheck').show();
$('#editbidcheck').html('** Your Bid Amount Should Be Greater Than Minimum Bid Price');
setTimeout(function(){
$('#editbidcheck').hide();
}, 5000);

return false;
}
else
{
return true;
}
}
</script>
@endsection