@extends('frontend.layout.master')

@section('content')
<div class="bg-white border-bottom">
<div class="container">
<div class="page-header">
<h4 class="page-title">Edit Listing</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">Edit Listing</li>
</ol>

</div>
</div>
</div>
<div class="container">
<div class="app-content  my-3 my-md-5">
<div class="side-app">

@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="row ">

<div class="col-lg-12">
<form class="card" method="post" action="{{ route('front.propupdate', base64_encode($prop->id))}}" enctype="multipart/form-data" onsubmit="return cpropertyEdit()">
	@csrf
	
	<div class="card-body">
		<div class="row">

			<input type="hidden" name="edit_id" value="{{ $prop->id }}" id="edit_id">

			<input type="hidden" name="user_id" id="edituser_id" value="{{Auth::user()->id}}">

			<div class="col-sm-6 col-md-12">
				<div class="form-group">
					<label class="form-label">Listing Name*</label>
					<span><p id="editpropnamecheck" style="color: red; display: none;"></p></span>
					<input type="text" class="form-control" name="name" value="{{ $prop->prop_name }}" id="editname">
				</div>
			</div>


			<div class="col-sm-6 col-md-4">
				<div class="form-group">
					<label class="form-label">Category First Level*</label>
					<span><p id="editpropcatcheck" style="color: red; display: none;"></p></span>
					<input type="hidden" name="propcat" value="{{$prop->parent_catid}}">
					<select class="form-control " name="propcat2" id="propcat2" onchange="cgetpropval(this)" disabled="disabled" >
						<option value="NULL">--Select--</option>
				
						@if($prop->category['parent_type'] == 2)
							@foreach($catg as $val)
								<option value="{{ $val->id }}" {{ $cat->id == $val->id ? 'selected' : '' }}>{{ $val->cat_name }}</option>
							@endforeach
						@else
							@foreach($cat as $val)
								<option value="{{ $val->id }}" {{ $subcat->id == $val->id ? 'selected' : '' }}>{{ $val->cat_name }}</option>
							@endforeach
						@endif
					</select>
				</div>
			</div>


			<div class="col-sm-6 col-md-4">
				<div class="form-group">
					<label class="form-label">Category Second Level*</label>
					<span><p id="editpropsubcatcheck" style="color: red; display: none;"></p></span>
					
					<select class="form-control" name="subcat" id="propsubcat2" onchange="cgetpropsubval1(this)">
						<div id="subcat"></div>
					<option value="NULL">--Select--</option>
					@if($prop->category['parent_type'] == 2)
						@foreach($allsubcat1 as $val)
							<option value="{{ $val->id }}" {{ $subcat->id == $val->id ? 'selected' : '' }}>{{ $val->cat_name }}</option>
						@endforeach
					@else
						@foreach($catg1 as $val)
							<option value="{{ $val->id }}" {{ $prop->category['id'] == $val->id ? 'selected' : '' }}>{{ $val->cat_name }}</option>
						@endforeach
					@endif
					
				</select>
				</div>
			</div>


			<div class="col-sm-6 col-md-4">
				<div class="form-group">
					<label class="form-label">Category Third Level</label>
					
					<select class="form-control " name="subsubcat" id="propsubsubcat2">
						<option value="NULL">--Select--</option>
						@if($prop->category['parent_type'] == 2)
							@foreach($catg1 as $val)
								<option value="{{ $val->id }}" {{ $prop->category['id'] == $val->id ? 'selected' : '' }}>{{ $val->cat_name }}</option>
							@endforeach
						@endif
					</select>
				</div>
			</div>

			
			<div class="col-sm-6 col-md-12">
				<div class="form-group">
					<label class="form-label">Address*</label>
					<span><p id="editpropaddrcheck" style="color: red; display: none;"></p></span>
					<input type="text" class="form-control" name="addr" value="{{ $prop->prop_addr }}" id="editaddr">
				</div>
			</div>


			<div class="col-sm-6 col-md-3">
				<div class="form-group">
					<label class="form-label">City*</label>
					<span><p id="editpropcitycheck" style="color: red; display: none;"></p></span>
					<input type="text" class="form-control" name="city" value="{{ $prop->prop_city }}" id="editcity">
				</div>
			</div>


			<div class="col-sm-6 col-md-3">
				<div class="form-group">
					<label class="form-label">State</label>
					<span><p id="editpropstatecheck" style="color: red; display: none;"></p></span>
					<input type="text" class="form-control" name="state" value="{{ $prop->prop_state }}" id="editstate">
				</div>
			</div>


			

			<div class="col-sm-6 col-md-3">
				<div class="form-group">
					<label class="form-label">Country*</label>
					<span><p id="editpropcountrycheck" style="color: red; display: none;"></p></span>
					<select class="form-control " name="country" id="editcountry">
					@foreach($country as $val)
						<option value="{{$val->id}}" {{ $prop->prop_country == $val->id ? 'selected' : '' }}>{{$val->country_name}}
						</option>
					@endforeach
					
					</select>
				</div>
			</div>
			


			<div class="col-sm-6 col-md-3">
				<div class="form-group">
					<label class="form-label">Postal Code</label>
					<span><p id="editpropzipcodecheck" style="color: red; display: none;"></p></span>
					<input type="text" class="form-control" name="zipcode" value="{{ $prop->prop_pincode }}" id="editzipcode">
				</div>
			</div>

			

			<div class="col-sm-6 col-md-12">
				<div class="form-group">
					<label class="form-label">Description</label>
					<span><p id="editpropdesccheck" style="color: red; display: none;"></p></span>
					<textarea class="form-control ckeditor" name="desc" id="editdesc">{{ $prop->prop_desc }}</textarea>
				</div>
			</div>

			
			<div class="col-sm-6 col-md-4">
				<div class="form-group">
					<label class="form-label">End Date</label>
					<span><p id="editpropenddatecheck" style="color: red; display: none;"></p></span>
					<input class="form-control" type="date" id="example-date-input" name="enddate" value="{{ $prop->endDate }}">
				</div>
			</div>


			<div class="col-sm-6 col-md-4">
				<div class="form-group">
					<label class="form-label">End Time</label>
					<span><p id="editpropendtimecheck" style="color: red; display: none;"></p></span>
					<input class="form-control" type="time" id="example-time-input" name="etime" value="{{ $prop->endTime }}">
				</div>
			</div>


			<div class="col-sm-6 col-md-4">
				<div class="form-group">
					<label class="form-label">Min Bid Price</label>
					<span><p id="editproppricecheck" style="color: red; display: none;"></p></span>
					<div class="input-group mb-2">
						<div class="input-group-prepend">
								<div class="input-group-text">
									{{$prop->currency->curr_code}}
								</div>
						</div>
						<input type="text" class="form-control" name="price" value="{{ $prop->prop_price }}" id="editprice">
					</div>
				</div>
			</div>


			<div class="col-sm-6 col-md-12">
				<div class="form-group">
					<label class="form-label">Main Picture*</label>
					<span><p id="propgallerypiccheck" style="color: red; display: none;"></p></span>
					<!-- <input type="file" class="form-control" name="main_pic" id="mainpic"> -->

					<div class="custom-file">
						<input type="file" class="custom-file-input" name="mainpic" id="gallerypic">
						<label class="custom-file-label">Choose file</label>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="card-footer text-center">
		<button type="submit" class="btn btn-primary btn-lg custom-btn mr-2">Update</button>
	</div>
</form>
</div>
</div>
</div>
</div>
</div>	
@endsection
@section('scripts')
<script type="text/javascript">
function cgetpropval(sel)
{
	var catId   = sel.value;
	var _token  = $('input[name="_token"]').val();
	
	if(catId != '')
	{

		$.ajax({
		    method: "POST", 
		    url	  : "{{ route('admin.catPropFetch') }}", 
		    data  : {'id' : catId, '_token':_token},
		    success: function(result)
		    { 
		       	$('#propsubcat2').html(result);
		       	if(catId==2)
				       	{

				       		$('#editaddr').prop('disabled', true);
				       		$('#editcity').prop('disabled', true);
				       		$('#editstate').prop('disabled', true);
				       		$('#editcountry').prop('disabled', true);
				       		$('#editzipcode').prop('disabled', true);
				       	}
				       	else
				       	{
				       		$('#editaddr').prop('disabled', false);
				       		$('#editcity').prop('disabled', false);
				       		$('#editstate').prop('disabled', false);
				       		$('#editcountry').prop('disabled', false);
				       		$('#editzipcode').prop('disabled', false);
				       	}
			}
		});
	}
}



function cgetpropsubval1(id)
{

	
	var catId = id.value;
	var _token    = $('input[name="_token"]').val();
	
	
	if(catId != '')
	{

		$.ajax({
		    method: "POST", 
		    url	  : "{{ route('front.catPropSubFetch') }}", 
		    data  : {'id' : catId, '_token':_token},
		    success: function(result)
		    { 
		       	$('#propsubsubcat1').html(result);
		       	// alert(result);
			}
		});
	}
}


</script>

<script type="text/javascript">

function cpropertyEdit() {
		
	var user    = $('#edituser_id').val();
	var client  = $('#editname').val();
	var cat     = $('#propcat2').val();
	var subcat  = $('#propsubcat2').val();
	var country = $('#editcountry').val();
	var state   = $('#editstate').val();
	var city    = $('#editcity').val();
	var zip     = $('#editzipcode').val();
	var addr    = $('#editaddr').val();
	var desc    = $('#editdesc').val();
	var edate   = $('#example-date-input').val();
	var etime   = $('#example-time-input').val();
	var price   = $('#editprice').val();

	
	
	if(cat == 1)
	{
		if(user == '' || user == 0 || user == 'NULL')
		{
			$('#editclientnamecheck').show();
			$('#editclientnamecheck').html('** Please Select User');
			setTimeout(function(){
				  $('#editclientnamecheck').hide();
				}, 5000);

			return false;
		}
		else if(client == '')
		{
			$('#editpropnamecheck').show();
			$('#editpropnamecheck').html('** Please Fill Listing Name');
			setTimeout(function(){
				  $('#editpropnamecheck').hide();
				}, 5000);

			return false;
		}
		else if(cat == '' || cat == 0 || cat == 'NULL')
		{
			$('#editpropcatcheck').show();
			$('#editpropcatcheck').html('** Please Select Category First Level');
			setTimeout(function(){
				  $('#editpropcatcheck').hide();
				}, 5000);

			return false;
		}
		else if(subcat == '' || subcat == 0 || subcat == 'NULL')
		{
			$('#editpropsubcatcheck').show();
			$('#editpropsubcatcheck').html('** Please Select Category Second Level');
			setTimeout(function(){
				  $('#editpropsubcatcheck').hide();
				}, 5000);

			return false;
		}

		else if(addr == '')
		{
			$('#editpropaddrcheck').show();
			$('#editpropaddrcheck').html('** Please Fill This Address Field');
			setTimeout(function(){
				  $('#editpropaddrcheck').hide();
				}, 5000);

			return false;
		}

		else if(city == '')
		{
			$('#editpropcitycheck').show();
			$('#editpropcitycheck').html('** Please Fill This City Field');
			setTimeout(function(){
				  $('#editpropcitycheck').hide();
				}, 5000);

			return false;
		}

	
		else if(country == '' || country == 0 || country == 'NULL')
		{
			$('#editpropcountrycheck').show();
			$('#editpropcountrycheck').html('** Please Select Country');
			setTimeout(function(){
				  $('#editpropcountrycheck').hide();
				}, 5000);

			return false;
		}
	
	
		else if(edate != '')
		{
			if(etime == '')
			{
				$('#editpropendtimecheck').show();
				$('#editpropendtimecheck').html('** Please First Enter End Date');
				setTimeout(function(){
					  $('#editpropendtimecheck').hide();
					}, 5000);

				return false;
			}
		}


		else if(etime != '')
		{
			if(edate == '')
			{
				$('#editpropenddatecheck').show();
				$('#editpropenddatecheck').html('** Please Enter End Time');
				setTimeout(function(){
					  $('#editpropenddatecheck').hide();
					}, 5000);

				return false;
			}
		}
	
	
		else
		{
			return true;
		} 
	}
	else
	{
		if(user == '' || user == 0 || user == 'NULL')
		{
			$('#editclientnamecheck').show();
			$('#editclientnamecheck').html('** Please Select User');
			setTimeout(function(){
				  $('#editclientnamecheck').hide();
				}, 5000);

			return false;
		}
		else if(client == '')
		{
			$('#editpropnamecheck').show();
			$('#editpropnamecheck').html('** Please Fill Listing Name');
			setTimeout(function(){
				  $('#editpropnamecheck').hide();
				}, 5000);

			return false;
		}
		else if(cat == '' || cat == 0 || cat == 'NULL')
		{
			$('#editpropcatcheck').show();
			$('#editpropcatcheck').html('** Please Select Category First Level');
			setTimeout(function(){
				  $('#editpropcatcheck').hide();
				}, 5000);

			return false;
		}
		else if(subcat == '' || subcat == 0 || subcat == 'NULL')
		{
			$('#editpropsubcatcheck').show();
			$('#editpropsubcatcheck').html('** Please Select Category Second Level');
			setTimeout(function(){
				  $('#editpropsubcatcheck').hide();
				}, 5000);

			return false;
		}
		
		else if(edate != '')
		{
			if(etime == '')
			{
				$('#editpropendtimecheck').show();
				$('#editpropendtimecheck').html('** Please First Enter End Date');
				setTimeout(function(){
					  $('#editpropendtimecheck').hide();
					}, 5000);

				return false;
			}
		}


		else if(etime != '')
		{
			if(edate == '')
			{
				$('#editpropenddatecheck').show();
				$('#editpropenddatecheck').html('** Please Enter End Time');
				setTimeout(function(){
					  $('#editpropenddatecheck').hide();
					}, 5000);

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