@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" 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">
											<div class="row">
												<label class="col-sm-4 control-label" for="contact"> Member Type <span class="text-danger">*</span></label>
																								<div class="col-sm-7" style="padding:0px">
													<select name="member_type" class="form-control input-sm {{$updated_field1}}" id="member_type" required="" disabled>
																												@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>
										<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" disabled>
											@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  {{$updated_field2}}"  disabled>
											@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 {{$updated_field3}}" type="text" placeholder="First Name" required="" disabled>
										</div>
										
										<div class="col-sm-4">
										<label>Surname</label>
																				<select name="l_name" id="l_name" class="form-control input-sm" disabled>
											@foreach($surname as $data)
												@if(trim($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>Father's Name/Husband Name</label>
																				<input name="m_name"  value="{{$member->m_name}}" class="form-control input-sm {{$updated_field6}}" type="text" placeholder="Father / Husband Name" required="" disabled>
										</div>
										<div class="col-sm-4">
											<label>Mother's Name</label>
																				<input name="mother_name" value="{{$member->mother_name}}" class="form-control input-sm {{$updated_field7}}" type="text" placeholder="Mother's Name" required="" disabled>
										</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" disabled>
										</div>
										<div class="col-sm-4">
											<label>UPKHANP</label>
									<select class="form-control input-sm" name="up_khanp" id="up_khanp" disabled>

									</select>
										</div>
										<div class="col-sm-4">
											<label>Date Of Birth</label>
																				{{-- //{{$updated_field}} --}}
										<input name="dob" class="form-control input-sm {{$updated_field8}}" id="dob" type="text" data-provide="datepicker" required="" value="{{date('d-m-Y', strtotime($member->dob))}}" disabled style="background: none;">
										</div>
									</div>
									<div class="col-sm-12"  style="margin:10px;">
										<div class="col-sm-4">
											<label>Marital Status</label>
																				<select class="form-control input-sm {{$updated_field9}}" name="marital_status" id="marital_status" disabled>
																						@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" @if ($member->marital_status == 'Single') style="display:none" @endif>
											<label>Date of Marriage</label>
																				{{-- {{$updated_field}} --}}
										<input name="dom" class="form-control input-sm {{$updated_field10}}" id="marriage-date" type="text"  data-provide="datepicker" required="" value="{{date('d-m-Y', strtotime($member->dom))}}" disabled >
										</div>
										<div class="col-sm-4">
											<label>Blood Group</label>
																				<input name="blood_group" value="{{$member->blood_group}}" class="form-control input-sm {{$updated_field11}}" type="text" placeholder="Mother's Name" required="" disabled>
										</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  {{$updated_field12}}" type="text" required="" value="{{$member->contact}}"  disabled>
										@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 {{$updated_field13}}" type="email" value="{{$member->email}}" readonly>
										</div>
										<div class="col-sm-2">
													<label>Privacy of Mobile No</label>
																											@if($member->privacy_contact)
														<input name="privacy_contact" id="privacy_contact" class="form-control input-sm {{$updated_field14}}" type="checkbox"  checked="" style="width: 110px">
														@else
													<input name="privacy_contact" id="privacy_contact" class="form-control input-sm {{$updated_field14}}" type="checkbox"  style="width: 110px">
													@endif
													@if($errors->has('privacy_contact'))
														<span class="text-danger"><strong>{{ $errors->first('privacy_contact')}}</strong></span>
													@endif
												</div>
												<div class="col-sm-2">
													<label>Privacy of Email</label>
																											@if($member->privacy_email)
														<input name="privacy_email" id="privacy_email" class="form-control input-sm {{$updated_field15}}" type="checkbox"  checked="" style="width: 110px">
														@else
													<input name="privacy_email" id="privacy_email" class="form-control input-sm {{$updated_field15}}" type="checkbox"  style="width: 110px">
													@endif
													@if($errors->has('privacy_email'))
														<span class="text-danger"><strong>{{ $errors->first('privacy_email')}}</strong></span>
													@endif
												</div>
									</div>
									<div class="col-sm-12"  style="margin:10px;">
										<div class="col-sm-4">
											<label>Residence Pincode</label>
																				<input name="pincode" id="pincode" class="form-control input-sm  {{$updated_field16}}" type="text" value="{{$member->pincode}}" disabled >
										</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 {{$updated_field17}}" readonly="">
										<a href="{{asset('files/'.$member->resident_proof)}}">CLICK TO DOWNLOAD</a>
										</div>
									</div>
									<div class="col-sm-12"  style="margin:10px;">
									<div class="col-sm-4">
											<label class="control-label col-sm-2" for="qualification">Occupation </label>
																				<div class="clearfix"></div>
										<div class="col-sm-3" style="width: 320px;">
											<select name="qualification" id="qualification" class="form-control input-sm {{$updated_field18}}" disabled>
																										<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" style="width: 320px;">
											<select name="qualification" id="qualification" class="form-control input-sm {{$updated_field19}}" disabled>
																										<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 {{$updated_field20}}" rows="5" style="resize: none;" name="address_line_1" id="address_line_1" spellcheck="false" disabled=""> {{$member->address_line_1}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>Building/Society Name/Landmark</label>
																										<textarea class="form-control input-sm {{$updated_field21}}" rows="5" style="resize: none;" name="address_line_2" id="address_line_2" spellcheck="false" disabled="">{{$member->address_line_2}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>City/State</label>
																										<textarea name="address_line_3" id="address_line_3" class="form-control input-sm  {{$updated_field22}}" type="text" value="{{$member->address_line_3}}" disabled="">{{$member->address_line_3}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>Pincode</label>
																										<textarea name="pincode" id="pincode" class="form-control {{$updated_field23}}" type="text" value="{{$member->pincode}}" disabled="">{{$member->pincode}}</textarea>
												</div>
												<div class="col-sm-1"></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-3">
													<label>Flat No/Wing No/Room No</label>
																										<textarea class="form-control input-sm {{$updated_field24}}" rows="5" style="resize: none;" name="oaddress_line_1" id="oaddress_line_1" spellcheck="false" disabled=""> {{$member->oaddress_line_1}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>Building/Society Name/Landmark</label>
																										<textarea class="form-control input-sm {{$updated_field25}}" rows="5" style="resize: none;" name="oaddress_line_2" id="oaddress_line_2" spellcheck="false" disabled="">{{$member->oaddress_line_2}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>City/State</label>
																										<textarea name="oaddress_line_3" id="oaddress_line_3" class="form-control input-sm {{$updated_field26}}" type="text" value="{{$member->oaddress_line_3}}" disabled="">{{$member->oaddress_line_3}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>Pincode</label>
																										<textarea name="office_pincode" id="office_pincode" class="form-control {{$updated_field27}}" type="text" value="{{$member->office_pincode}}" disabled="">{{$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 {{$updated_field28}}" rows="5" style="resize: none;" name="native_address_1" id="native_address_1" spellcheck="false" disabled="">{{$member->native_address_1}}</textarea>
											</div>
											<div class="col-sm-3">
													<label>Building/Society Name/Landmark</label>
																										<textarea class="form-control input-sm {{$updated_field29}}" rows="5" style="resize: none;" name="native_address_2" id="native_address_2" spellcheck="false" disabled="">{{$member->native_address_2}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>City/State</label>
																										<textarea name="native_address_3" id="native_address_3" class="form-control input-sm {{$updated_field30}}" type="text" value="{{$member->native_address_3}}" disabled="">{{$member->native_address_3}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>Pincode</label>
																										<textarea name="native_pincode" id="native_pincode" class="form-control {{$updated_field31}}" type="text" value="{{$member->native_pincode}}" disabled=""> {{$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 {{$updated_field32}}" rows="5" style="resize: none;" name="other_address_1" id="other_address_1" spellcheck="false" disabled="">{{$member->other_address_1}}</textarea>
											</div>
											<div class="col-sm-3">
													<label>Building/Society Name/Landmark</label>
																										<textarea class="form-control input-sm {{$updated_field33}}" rows="5" style="resize: none;" name="other_address_2" id="other_address_2" spellcheck="false" disabled="">{{$member->other_address_2}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>City/State</label>
																										<textarea name="other_address_3" id="other_address_3" class="form-control input-sm {{$updated_field34}}" type="text" value="{{$member->other_address_3}}" disabled="">{{$member->other_address_3}}</textarea>
												</div>
												<div class="col-sm-3">
													<label>Pincode</label>
																										<textarea name="other_pincode" id="other_pincode" class="form-control {{$updated_field35}}" type="text" value="{{$member->other_pincode}}" disabled="">{{$member->other_pincode}}</textarea>
												</div>
										</div>
										
						              </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
@endsection
@push('page-script')
{{-- <script>
	function goBack() {
	  window.history.back();
	}
	</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;
	}
	$("#marital_status").change(function() {
		if ($(this).val() == "Married") {
			$("#marriage-date-div").show('slow');
		} else {
			$("#marriage-date-div").hide('slow');
		}
	});

</script>
<script>
	$(document).ready(function(){
		$('[data-toggle="tooltip"]').tooltip();
		document.getElementById("resident_proof").disabled = true;
	});
</script>


<script type="text/javascript">
	$('#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