@extends('frontend.layout.master')

@section('content')


<!--User Profile-->
<section class="sptb">
<div class="container">
<div class="row">
	<div class="col-lg-12">
		<div class="card">
			<div class="card-body">
				<div class="wideget-user">
					<div class="row">
						<div class="col-lg-6 col-md-12">
							<div class="wideget-user-desc">
								<div class="wideget-user-img">
									@if(Auth::user()->image == NULL || Auth::user()->image == '')
										<img class="brround" src="{{asset('upload/profile/profile.png')}}" alt="img">
									@else
										<img class="brround" src="{{asset('upload/profile/'.Auth::user()->image)}}" alt="img">
									@endif
								</div>
								<div class="user-wrap wideget-user-info">
									<a href="#" class="text-dark"><h4 class="font-weight-semibold">{{Auth::user()->name}}</h4></a>
									<h6 class="text-muted mb-3"><span class="text-dark"></span> 
										@if(Auth::user()->role_id == 2)
											Client
										@else
											Bidder
										@endif
									</h6>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<div class="card-footer">
				<div class="wideget-user-tab">
					<div class="tab-menu-heading">
						<div class="tabs-menu1">
							<ul class="nav">
								@if(Auth::user()->role_id==2)
								<li><a href="#tab-7" data-toggle="tab" class="active">My Listing List <span class="badge badge-primary badge-pill"></span></a></li>
								@else
								<li><a href="#tab-8" data-toggle="tab" class="active">My Bidding List <span class="badge badge-primary badge-pill"></span></a></li>
								@endif
								<li class=""><a href="#tab-5" data-toggle="tab">Profile</a></li>
								<li><a href="#tab-6" data-toggle="tab" class="">Edit Profile</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="card mb-0">
			<div class="card-body">
				<div class="border-0">
					<div class="tab-content">
						<div class="tab-pane" id="tab-5">
							<div class="profile-log-switch">
								<div class="media-heading">
									<h3 class="card-title mb-3 font-weight-bold">Personal Details</h3>
								</div>
								<ul class="usertab-list mb-0">
									<li><a href="#" class="text-dark"><span class="font-weight-semibold">Full Name :</span> {{Auth::user()->name}}</a></li>
									<li><a href="#" class="text-dark"><span class="font-weight-semibold">Company Name :</span> 
										@if($userinfo->company_name == '')
											N/A
										@else
											{{$userinfo->company_name}}
										@endif</a></li>
									<li><a href="#" class="text-dark"><span class="font-weight-semibold">Location :</span> 
										@if($userinfo->city == '')
											N/A
										@else
											{{$userinfo->city}}
										@endif</a></li>
									
									
									<li><a href="#" class="text-dark"><span class="font-weight-semibold">Email :</span> {{Auth::user()->email}}</a></li>
									<li><a href="#" class="text-dark"><span class="font-weight-semibold">Phone :</span>
										@if($userinfo->cont_number == '')
											N/A
										@else
											{{$userinfo->cont_number}}
										@endif</a></li>
								</ul>
								
							</div>
						</div>
						<div class="tab-pane" id="tab-6">
							<form method="post" action="{{route('front.profileupdate', base64_encode(Auth::user()->id))}}" enctype="multipart/form-data" onsubmit="return clientProfile()">
							<div class="row">
							  
							  	@csrf
								<div class="col-sm-6 col-md-6">
									<div class="form-group">
										<label class="form-label"> Name*</label>
										<h5 id="cfnamecheck" style="color: red; display: none;">  </h5></span>
										<input type="text" class="form-control" value="{{Auth::user()->name}}" name="fname" id="cfname">
									</div>
								</div>

								<div class="col-sm-6 col-md-6">
									<div class="form-group">
										<label class="form-label">Company Name</label>
										<h5 id="ccnamecheck" style="color: red; display: none;">  </h5></span>
										<input type="text" class="form-control" value="{{$userinfo->company_name}}" name="cname" id="ccname">
									</div>
								</div>
								
								<div class="col-sm-6 col-md-6">
									<div class="form-group">
										<label class="form-label">Email address*</label>
										<h5 id="cemailcheck" style="color: red; display: none;">  </h5></span>
										<input type="email" class="form-control" name="email" value="{{Auth::user()->email}}" readonly id="cemail">
									</div>
								</div>

								<div class="col-sm-6 col-md-6">
									<div class="form-group">
										<label class="form-label">Phone Number*</label>
										<h5 id="cpnocheck" style="color: red; display: none;">  </h5></span>
										<input type="number" class="form-control" name="pno" value="{{$userinfo->cont_number}}" id="cpno">
									</div>
								</div>

								<div class="col-md-12">
									<div class="form-group">
										<label class="form-label">Address*</label>
										<h5 id="caddrcheck" style="color: red; display: none;">  </h5></span>
										<input type="text" class="form-control" name="addr" value="{{$userinfo->address}}" id="caddr">
									</div>
								</div>

								<div class="col-sm-6 col-md-6">
									<div class="form-group">
										<label class="form-label">City*</label>
										<h5 id="ccitycheck" style="color: red; display: none;">  </h5></span>
										<input type="text" class="form-control" name="city" value="{{$userinfo->city}}" id="ccity">
									</div>
								</div>

								<div class="col-sm-6 col-md-6">
									<div class="form-group">
										<label class="form-label">Postal Code</label>
										<h5 id="czipcheck" style="color: red; display: none;">  </h5></span>
										<input type="number" class="form-control" name="zip" value="{{$userinfo->postal_code}}" id="czip">
									</div>
								</div>

								<div class="col-md-6">
									<div class="form-group">
										<label class="form-label">Country*</label>
										<h5 id="ccountrycheck" style="color: red; display: none;">  </h5></span>
										<select class="form-control" data-placeholder="Select" id="ccountry"  name="country">
												<option value="NULL">--Select--</option>
												@foreach($country as $val)
												<option value="{{$val->id}}">{{$val->country_name}}</option>
												@endforeach
												
											
										</select>
									</div>
								</div>
								
								<div class="col-md-6">
									<div class="form-group">
										<label class="form-label">Upload Image*</label>
										<h5 id="cimagecheck" style="color: red; display: none;">  </h5></span>
										<div class="custom-file">
											<input type="file" class="custom-file-input" name="img" id="cimg">
											<label class="custom-file-label">Choose file</label>
										</div>
									</div>
								</div>

								<div class="col-md-12">
									
									<button type="submit" class="btn btn-primary">Update Profile</button>
									
								</div>
							
							</div>
							</form>
						</div>
						@if(Session::has('success'))

						<div class="alert alert-primary">
							<p>{{ Session::get('success') }}</p>
						</div>

					@endif

					@if(Session::has('errors'))

						<div class="alert alert-danger">
							<p>{{ Session::get('errors') }}</p>
						</div>

					@endif
						<div class="tab-pane userprof-tab @if(Auth::user()->role_id==2) active @endif" id="tab-7">
							@if(Auth::user()->role_id == 2)
										 
							<div class=" mb-2 float-right">
								 <a class="ml-auto btn btn-primary" href="{{route('front.addMotgage')}}">Add New</a> 
							</div>
										
								@endif
							<div class="table-responsive border-top">
								
								<table class="table table-bordered table-hover mb-0 text-nowrap">
								<thead>
									<tr>
										<th>Name</th>
										<th>Category</th>
										<th>Price</th>
										<th>Status</th>
										<th>Action</th>
									</tr>
								</thead>
								<tbody>
									@foreach($selfMotgage as $val)
									<tr>
										
										<td>
											<div class="media mt-0 mb-0">
												<div class="card-aside-img">
													<a href="{{route('front.detail', base64_encode($val->id))}}"></a>
													<img src="{{asset('upload/property/'.$val->picture)}}" alt="img">
												</div>
												<div class="media-body">
													<div class="card-item-desc ml-4 p-0 mt-2">
														<a href="{{route('front.detail', base64_encode($val->id))}}" class="text-dark"><h4 class="font-weight-semibold">{{$val->prop_name}}</h4></a>
														<i class="fa fa-clock-o mr-1"></i> 
														@if($val->endDate == '')
															N/A
														@else
															{{date('d-M-y', strtotime($val->endDate))}}, {{$val->endTime}}
														@endif<br>
														
													</div>
												</div>
											</div>
										</td>
										<td>{{$val->parent->cat_name}}</td>
										<td class="font-weight-semibold fs-16">@if($val->prop_price == NULL)
											N/A
										@else
											{{$val->currency->curr_code}} {{$val->prop_price}}
										@endif
										</td>

										<td>
											@if($val->status==0)
												Not Active
											@else
												Active
											@endif
										</td>
										
										<td>
											<a class="btn btn-warning btn-sm text-white" data-toggle="tooltip" data-original-title="Gallery" href="{{route('front.propGalleryList', base64_encode($val->id))}}"><i class="fa fa-camera"></i></a> 

											<a class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Edit" href="{{route('front.propedit', base64_encode($val->id))}}"><i class="fa fa-pencil"></i></a>

											<a class="btn btn-danger btn-sm text-white" data-toggle="modal" data-original-title="Delete" href="#deleteModal{{$val->id}}"><i class="fa fa-trash-o"></i></a>

											<a class="btn btn-info btn-sm text-white"  data-original-title="Bidding Details" href="{{route('front.bidDetails', base64_encode($val->id))}}"><i class="fa fa-gavel"></i></a>
											
											<a class="btn btn-primary btn-sm text-white" data-toggle="tooltip" data-original-title="View" href="{{route('front.detail', base64_encode($val->id))}}"><i class="fa fa-eye"></i></a>

											@if($val->status==0)
												<a class="icon" href="javascript:void(0)"></a>
												<a href="{{route('front.active', base64_encode($val->id))}}" data-toggle="tooltip" data-original-title="Activate" class="btn btn-secondary btn-sm text-white"><i class="fa fa-check"></i></a>
											@else
												<a class="icon" href="javascript:void(0)"></a>
												<a href="{{route('front.active', base64_encode($val->id))}}" data-toggle="tooltip" data-original-title="Inactive" class="btn btn-dark btn-sm text-white"><i class="fa fa-window-close"></i></a>
											@endif
											@include('frontend.partial.prod_del_modal')
										</td>
									</tr>
									@endforeach
									
								</tbody>
							</table>

							</div>
							<div class="pagination pull-right" style="margin-top: 20px;">
							{{ $selfMotgage->links() }}
							</div>
						</div>
						<div class="tab-pane userprof-tab @if(Auth::user()->role_id==3) active @endif" id="tab-8">
							
							<div class="table-responsive border-top">
								<table class="table table-bordered table-hover mb-0 text-nowrap">
									<thead>
										<tr>
											<th>Listing Name</th>
											<th>Category</th>
											<th>Min Bid Price</th>
											<th>Bid Price</th>
											<th>Bid Date</th>
											<th></th>
											
										</tr>
									</thead>
									<tbody>
										@if(!$Motgage->isEmpty())
										@foreach($Motgage as $val)
										<tr>
											<td>
												<div class="media mt-0 mb-0">
													<div class="card-aside-img">
														<a href="{{route('front.detail', base64_encode($val->prop_id))}}"></a>
														<img src="{{asset('upload/property/'.$val->property['picture'])}}" alt="img">
													</div>
													<div class="media-body">
														<div class="card-item-desc ml-4 p-0 mt-2">
															<a href="{{route('front.detail', base64_encode($val->prop_id))}}" class="text-dark"><h4 class="font-weight-semibold">{{$val->property['prop_name']}}</h4></a>		
														</div>
													</div>
												</div>
											</td>
											<td>{{$val->category['cat_name']}}</td>
											<td class="font-weight-semibold fs-16">
												@if($val->property['prop_price'] == '')
													{{$val->currency['curr_code']}} N/A
												@else
													{{$val->currency['curr_code']}} {{$val->property['prop_price']}}
													@endif
											</td>
											<td class="font-weight-semibold fs-16">{{$val->currency['curr_code']}} {{$val->bid_price}}
											
											</td>
											<td>
												<a href="#" class="badge badge-primary">{{date('d-M-y H:m', strtotime($val->updated_at))}}</a>
											</td>
											<td>
												<a class="btn btn-warning btn-sm text-white"  data-original-title="Listing Details" href="{{route('front.detail', base64_encode($val->prop_id))}}"><i class="fa fa-eye"></i></a>

												<a class="btn btn-danger btn-sm text-white" data-toggle="modal" data-original-title="Delete" href="#deleteBiddingModal{{$val->id}}"><i class="fa fa-trash-o"></i></a>
												@include('frontend.partial.bidding_del_modal')
											</td>
										</tr>
										@endforeach
										@endif
										

									</tbody>
								</table>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</section>

@endsection


<script type="text/javascript">
	
	function clientProfile() {
		
		var fname   = $('#cfname').val();
		var cname   = $('#ccname').val();
		var pno     = $('#cpno').val();
		var addr    = $('#caddr').val();
		var city    = $('#ccity').val();
		var zipcode = $('#czip').val();
		var country = $('#ccountry').val();
		
		

		// alert(link);
		if(fname == '')
		{
			$('#cfnamecheck').show();
			$('#cfnamecheck').html('** Please Fill This Field');
			setTimeout(function(){
				  $('#cfnamecheck').hide();
				}, 2000);

			return false;
		}
		

		else if(pno == '')
		{
			$('#cpnocheck').show();
			$('#cpnocheck').html('** Please Fill This Field');
			setTimeout(function(){
				  $('#cpnocheck').hide();
				}, 2000);

			return false;
		}
		
		else if(isNaN(pno))
		{
			$('#cpnocheck').show();
			$('#cpnocheck').html('** Please Fill This Field');
			setTimeout(function(){
				  $('#cpnocheck').hide();
				}, 2000);

			return false;
		}
		
		else if(addr == '')
		{
			$('#caddrcheck').show();
			$('#caddrcheck').html('** Please Fill This Field');
			setTimeout(function(){
				  $('#caddrcheck').hide();
				}, 2000);

			return false;
		}
		else if(city == 'NULL')
		{
			$('#ccitycheck').show();
			$('#ccitycheck').html('** Please Fill This Field');
			setTimeout(function(){
				  $('#ccitycheck').hide();
				}, 2000);

			return false;
		}
		
		else if(country == '')
		{
			$('#ccountrycheck').show();
			$('#ccountrycheck').html('** Please Select This Field');
			setTimeout(function(){
				  $('#ccountrycheck').hide();
				}, 2000);

			return false;
		}


		else
		{
			
			return true;
		}


	}

</script>