@extends('frontend.layout.master')

@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">
							@if(Auth::user())
							<a href="{{route('front.profile')}}">Home</a>
							@else
							<a href="{{route('front.dashboard')}}">Home</a>
							@endif
						</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>Unlimited</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>00Days 00:00:00</span>
												    	</div>
													@endif
											@endif




											<div class="show image-zoom" href="{{asset('upload/property/'.$motgageDetail->picture)}}">
												<img src="{{asset('upload/property/'.$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/'.$motgageDetail->picture)}}" class="show-small-img" alt="">
														@foreach($smallImage as $val)
														<img src="{{asset('upload/property/'.$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']}} N/A
													@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"> Activate Now </a>
												@endif
											@else
												<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
						@if($motgageDetail->parent_catid==1)
						<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>
						@endif

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

@endsection


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

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

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

			return false;
		}
		else if(minprice != 'N/A')
		{
			if(parseInt(minprice) >= parseInt(price))
			{ 
				$('#editbidcheck').show();
				$('#editbidcheck').html('** Your Bid Amount Should Be Greater Than Min Bid Price');
				setTimeout(function(){
					  $('#editbidcheck').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 Bid Price Field');
			setTimeout(function(){
				  $('#editbidcheck').hide();
				}, 5000);

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

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

				return false;
			}
		}

		else if(parseInt(prevprice) >= parseInt(price))
		{
			$('#editbidcheck').show();
			$('#editbidcheck').html('** Your Bid Amount Should Be Greater Than Previous Bid Price');
				setTimeout(function(){
				  $('#editbidcheck').hide();
				}, 5000);

			return false;
		}

		else
		{
			return true;
		}
	}
</script>