@extends('layouts.master')

@section('page-content')
<div class="title-bar">
	<h1 class="title-bar-title">
		<span class="d-ib">Update Profile</span>
	</h1>
</div>
@if (session()->has('success'))
<div class="alert alert-success alert-dismissible">
	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
	<strong>Success!</strong> Updated Successfully.
</div>
@endif
<!-- <div class="row">
		<div class="col-md-8">
			<div class="demo-form-wrapper">
				<form class="form form-horizontal" name="update_password"  method="post" action="{{ route('update_password') }}" onsubmit="return Validate()">
					{{ csrf_field() }}

				</form>
			</div>
		</div>
	</div> -->
<div class="row">
	<form class="form form-horizontal" action="{{route('new_user_profile_update')}}" method="post" enctype="multipart/form-data" onsubmit="return check_no();">
		{{ csrf_field() }}
		<input type="hidden" name="user_id" value="{{$member->user_id}}">
		<input type="hidden" name="id" value="{{$member->id}}">

		<div class="col-sm-3">
			<img class="img-responsive" id="image_preview" src="{{asset($member->profile_photo)}}" alt="" style="width: 90px;height: 90px;">
		</div>
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header bg-primary">
					<div class="card-actions">
						<button type="button" class="card-action card-toggler" title="Collapse"></button>
					</div>
					<strong>Personal Info</strong>
				</div>
				<div class="card-body">
					<div class="container-fluid">
						<div class="row">
							<div class="form-group">
								<div class="card-header" style="border: 0.5px solid #6e6e6e; border-radius:5px;margin:15px;">
									<div class="col-sm-12" style="margin:10px;">
										<div class="col-sm-4">
											<label class="col-sm-3 control-label" for="contact"> Member Type <span class="text-danger">*</span></label>
											<div class="col-sm-2" style="padding:0px;width: 223px;">
												<select name="member_type" class="form-control input-sm" id="member_type" required="">
																										@foreach($member_type as $data3)
													@if($data3 == $member->member_type)
													<option value="{{$data3}}" selected="selected">{{$data3}}</option>
													@else
													<option value="{{$data3}}">{{$data3}}</option>
													@endif
													@endforeach
												</select>
											</div>
										</div>

										<div class="col-sm-4">
											<label class="control-label" id="member_code"> Member Code : <span>{{$member->member_type}}{{$member->member_code}}</span></label>
										</div>
									</div>
									<div class="col-sm-12" style="margin:10px;">
										<div class="col-sm-4">
											<label>Mr.</label>
																						<select name="salutation" class="form-control input-sm">
												@foreach($salutations as $sal)
												@if ($member->salutation == $sal)
												<option selected="selected" value="{{$sal}}">{{$sal}}</option>
												@else
												<option value="{{$sal}}">{{$sal}}</option>
												@endif
												@endforeach
											</select>
										</div>
										<div class="col-sm-4">
											<label>Gender</label>
																						<select name="gender" class="form-control input-sm">
												@foreach($gender_array as $gender)
												@if($gender == $member->gender)
												<option selected="selected" value="{{$gender}}">{{$gender}}</option>
												@else
												<option value="{{$gender}}">{{$gender}}</option>
												@endif
												@endforeach
											</select>
										</div>


									</div>
									<div class="col-sm-12" style="margin:10px;">
										<div class="col-sm-4">
											<label>Your Name</label>
											<input name="f_name" value="{{$member->f_name}}" class="form-control input-sm" type="text" placeholder="First Name" required="">
										</div>
										<div class="col-sm-4">
											<label>Surname</label>
											<select name="l_name" id="l_name" class="form-control input-sm">
												<option value="">Last Name</option>
												@foreach($surname as $data)
												@if($member->l_name == $data->name)
												<option selected="selected" value="{{$data->name}}" data-id="{{$data->id}}">{{$data->name}}</option>
												@else
												<option value="{{$data->name}}" data-id="{{$data->id}}">{{$data->name}}</option>
												@endif
												@endforeach
											</select>
										</div>
									</div>
									<div class="col-sm-12" style="margin:10px;">
										<div class="col-sm-4">
											<label>Mother's Name</label>
											<input name="mother_name" value="{{$member->mother_name}}" class="form-control input-sm" type="text" placeholder="Mother's Name" required="">
										</div>
										<div class="col-sm-4">
											<label>Father's Name/Husband Name</label>
											<input name="m_name" value="{{$member->m_name}}" class="form-control input-sm" type="text" placeholder="Father / Husband Name" required="">
										</div>
									</div>
								</div>
								<div class="card-header" style="border: 0.5px solid #6e6e6e; border-radius:5px;margin:15px;">
									<div class="col-sm-12" style="margin:10px;">
										<div class="col-sm-4">
											<label>KHANP</label>
											<input name="khanp" id="khanp" class="form-control input-sm" type="text" placeholder="First Name">
										</div>
										<div class="col-sm-4">
											<label>UPKHANP</label>
											<select class="form-control input-sm" name="up_khanp" id="up_khanp">

											</select>
										</div>
										<div class="col-sm-4">
											<label>Date Of Birth</label>
											<input name="dob" class="form-control input-sm" type="date" required="" value="{{$member->dob}}">
										</div>
										<div class="col-sm-4">
											<label>Marital Status</label>
											<select class="form-control input-sm" name="marital_status" id="marital_status">
																								@foreach($marraige_status as $data1)
												@if($data1 == $member->marital_status)
												<option value="{{$data1}}" selected="selected">{{$data1}}</option>
												@else
												<option value="{{$data1}}">{{$data1}}</option>
												@endif
												@endforeach
											</select>
										</div>
										<!-- <div class="col-sm-4" id="marriage-date-div"  @if ($member->marital_status == 'Single') style="display:none" @endif>
											<label>Date of Marriage</label>
										<input name="dom" id="marriage-date" class="form-control input-sm" type="text" value="{{date('d-m-Y', strtotime($member->dom))}}" data-provide="datepicker">
										</div> -->
										<div class="col-sm-4" id="marriage-date-div1" @if ($member->marital_status == 'Single') style="display:none" @endif>
											<label>Date of Marriage</label>
																						<input name="dom" id="marriage-date" class="form-control input-sm {{$updated_field}}" type="date" value="{{$member->dom}}">
										</div>
									</div>
								</div>
								<div class="card-header" style="border: 0.5px solid #6e6e6e; border-radius:5px;margin:15px;">
									<div class="col-sm-12" style="margin:10px;">
										<div class="col-sm-4">
											<label>Mobile No</label>
											<input name="contact" id="contact" class="form-control input-sm" type="text" required="" value="{{$member->contact}}">
											@if($errors->has('contact'))
											<span class="text-danger"><strong>{{ $errors->first('contact')}}</strong></span>
											@endif
										</div>
										<div class="col-sm-4">
											<label>Email</label>
											<input name="email" id="email" class="form-control input-sm" type="email" value="{{$member->email}}">
										</div>
										<div class="col-sm-4">
											<label>Residence Pincode</label>
											<input name="pincode" id="pincode" class="form-control input-sm" type="text" value="{{$member->pincode}}">
										</div>

										<div class="col-sm-4">
											<label>Resident Proof:</label>
											<div class="clearfix"></div>
											<input type="file" id="resident_proof" name="resident_proof" class="form-control" readonly="">
											<a href="{{asset('files/'.$member->resident_proof)}}">CLICK TO DOWNLOAD</a>
										</div>
										<div class="col-sm-4">
											<label class="control-label col-sm-2" for="profession">Occupation </label>
											{{-- <div class="clearfix"></div> --}}
											<div class="col-sm-3">
												<select name="profession" id="profession" class="form-control input-sm" style="width: 305px; margin-top: 28px; margin-left: -66px;">
																											<option value=" "></option>
																									</select>
											</div>
										</div>
										<div class="col-sm-4">
											<label class="control-label col-sm-2" for="qualification">Qualification </label>
											{{-- <div class="clearfix"></div> --}}
											<div class="col-sm-3">
												<select name="qualification" id="qualification" class="form-control input-sm" style="width: 305px; margin-top: 28px; margin-left: -66px;">
																											<option value=" "></option>
																									</select>
											</div>
										</div>
									</div>
								</div>
								{{-- </div> --}}

							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="card">
				<div class="card-body">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-12">
								<div class="card">
									<div class="card-header bg-primary">
										<div class="card-actions">
											<button type="button" class="card-action card-toggler" title="Collapse"></button>
										</div>
										<strong>RESIDENCE ADDRESS</strong>
									</div>
									<div class="card-body" data-toggle="match-height">
										<div class="col-sm-3">
											<label>Flat No/Wing No/Room No:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="address_line_1" id="address_line_1" spellcheck="false"> {{$member->address_line_1}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Building/Society Name/Landmark:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="address_line_2" id="address_line_2" spellcheck="false">{{$member->address_line_2}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>City/State:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="address_line_3" id="address_line_3" spellcheck="false">{{$member->address_line_3}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="pincode" id="pincode" spellcheck="false">{{$member->pincode}}</textarea>
										</div>

									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="card">
									<div class="card-header bg-primary">
										<div class="card-actions">
											<button type="button" class="card-action card-toggler" title="Collapse"></button>
										</div>
										<strong>OFFICE ADDRESS</strong>
									</div>
									<!-- <div class="card-body" data-toggle="match-height">
						                	<div class="col-sm-1"></div>
											<div class="col-sm-12">
												<textarea class="form-control input-sm" rows="5" style="resize: none;" name="office_address" id="office_address" spellcheck="false" disabled>{{$member->office_address}}</textarea>
											</div>
										</div> -->

									<div class="card-body" data-toggle="match-height">
										<div class="col-sm-3">
											<label>Flat No/Wing No/Room No:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="address" id="oaddress_line_1" spellcheck="false"> {{$member->oaddress_line_1}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Building/Society Name/Landmark:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="oaddress_line_2" id="oaddress_line_2" spellcheck="false">{{$member->oaddress_line_2}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>City/State/Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="oaddress_line_3" id="oaddress_line_3" spellcheck="false">{{$member->oaddress_line_3}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="office_pincode" id="office_pincode" spellcheck="false">{{$member->office_pincode}}</textarea>
										</div>

									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="card">
									<div class="card-header bg-primary">
										<div class="card-actions">
											<button type="button" class="card-action card-toggler" title="Collapse"></button>
										</div>
										<strong>NATIVE ADDRESS</strong>
									</div>
									<div class="card-body" data-toggle="match-height">
										<!-- <div class="col-sm-1"></div> -->
										<div class="col-sm-3">
											<label>Flat No/Wing No/Room No:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="native_address_1" id="native_address_1" spellcheck="false">{{$member->native_address_1}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Building/Society Name/Landmark:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="native_address_2" id="native_address_2" spellcheck="false">{{$member->native_address_2}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>City/State/Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="native_address_3" id="native_address_3" spellcheck="false">{{$member->native_address_3}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="native_pincode" id="native_pincode" spellcheck="false">{{$member->native_pincode}}</textarea>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="card">
									<div class="card-header bg-primary">
										<div class="card-actions">
											<button type="button" class="card-action card-toggler" title="Collapse"></button>
										</div>
										<strong>OTHERS ADDRESS</strong>
									</div>
									<div class="card-body" data-toggle="match-height">
										<!-- <div class="col-sm-1"></div> -->
										<div class="col-sm-3">
											<label>Flat No/Wing No/Room No:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="other_address_1" id="other_address_1" spellcheck="false">{{$member->other_address_1}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Building/Society Name/Landmark:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="other_address_2" id="other_address_2" spellcheck="false">{{$member->other_address_2}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>City/State/Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="other_address_3" id="other_address_3" spellcheck="false">{{$member->other_address_3}}</textarea>
										</div>
										<div class="col-sm-3">
											<label>Pincode:</label>
											<textarea class="form-control input-sm" rows="5" style="resize: none;" name="other_pincode" id="other_pincode" spellcheck="false">{{$member->other_pincode}}</textarea>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- <div class="col-sm-12">
							<button class="btn btn-primary">
								<i class="icon icon-paper-plane"></i> Submit Details
							</button>
						</div> -->
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
@endsection
@push('page-script')
<!-- <script>
			    $(document).ready(function() {
			        $('#marital_status').change(function() {
			            if ($(this).val() == 'Single') {
			                $('#marriage-date-div').hide();
			            } else {
			                $('#marriage-date-div').show();
			            }
			        });
			    });
			</script> -->
<script>
	function Validate() {

		var x = document.forms["update_password"]["password"].value;
		var y = document.forms["update_password"]["cpassword"].value;
		var isValid = true;

		if (x != y) {
			alert("Password is not matching");
			isValid = false;

		}

		if (x.toString().length < 6) {
			alert("Password should be greater than 6 words");
			isValid = false;
		}

		return isValid;
	}
</script>
<script>
	$(document).ready(function() {
		$('[data-toggle="tooltip"]').tooltip();
		document.getElementById("resident_proof").disabled = true;
	});
</script>
<!-- <script>
function goBack() {
  window.history.back();
}
</script> -->

<script type="text/javascript">
	$(document).ready(function() {
		$("#marital_status").change(function() {
			if ($(this).val() == "Married") {
				$("#marriage-date-div1").show('slow');
			} else {
				$("#marriage-date-div1").hide('slow');
			}
		});
	});


	$('#l_name').change(function() {
		var l_name = $(this).find("option:selected").attr("data-id");
		console.log(l_name);
		// alert(l_name);
		if (l_name) {
			$.ajax({
				type: "GET",
				url: "{{url('get-khunp-list')}}/" + l_name,
				success: function(res) {


					console.log(res);
					$('#khanp').val(res.khanp[0]['name']);

					$("#up_khanp").empty();


					$.each(res.upkhanp, function(key, value) {
						$("#up_khanp").append('<option value="' + value.id + '">' + value.name + '</option>');
					})

				}
			});
		}
	});


	$('#dob').datepicker({
		startDate: '-125y',
		endDate: '0'
	}).on('changeDate', function(ev) {

	});

	$('#member_type').change(function() {
		var member_type = $(this).val();
		console.log(l_name);
		// alert(l_name);
		if (l_name) {
			$.ajax({
				type: "GET",
				url: "{{url('get-member-code')}}/" + member_type,
				success: function(res) {

					$("#member_code").text("Member Code : " + res);

				}
			});
		}
	});

	$.ajax({
		type: "GET",
		url: "{{url('get-khunp-list')}}/" + $("#l_name").find("option:selected").attr("data-id"),
		success: function(res) {


			console.log(res);
			$('#khanp').val(res.khanp[0]['name']);

			$("#up_khanp").empty();

						@if($up_khanp == '')
			$("#up_khanp").append('<option value="" disabled selected="selected">Select an Upkhanp</option>');
			@endif

			$.each(res.upkhanp, function(key, value) {
				if ('{{$up_khanp}}' == value.id) {
					$("#up_khanp").append('<option value="' + value.id + '" selected="selected">' + value.name + '</option>');
				} else {
					$("#up_khanp").append('<option value="' + value.id + '">' + value.name + '</option>');
				}

			})

		}
	});


	function check_no() {

		if ($("#password").val().length !== 0 && $("#password").val().length < 6) {
			alert("Password should be minimum of 6 characters");
			return false;
		}

		var x = $("#password").val();
		var y = $("#cpassword").val();

		if (x != y) {
			alert("Password is not matching");
			return false;

		}

		if ($.inArray($("#contact").val(), members) !== -1) {
			alert("Dupliacte contact number");
			return false;
		}

		return true;
	}
</script>

@endpush