@extends('frontend.layouts.member-app')
@section('content')
<div class="panel panel-default" style="margin-top: 20px;">
	<div class="panel-heading bg-success">
		@include('frontend.become-member.membership-header')
		<h3 class="panel-title">Address and Contact</h3>
	</div>
	<div class="panel-body">

		@if (Session::has('message'))
			    <div class="col-md-6 col-md-offset-2 alert alert-info">
			    	<button type="button" class="close" data-dismiss="alert">
						<i class="ace-icon fa fa-times"></i>
					</button>
					{{Session::get('message')}}
			    </div>
		@endif
		@if ($errors->any())
			    <div class="alert alert-danger col-md-6 col-md-offset-2">
			        <ul>
			            @foreach ($errors->all() as $error)
			                <li>{{ $error }}</li>
			            @endforeach
			        </ul>
			    </div>
		@endif

		<form method="POST" action="{{route('become-member.address-info.update', $editData->id)}}">
			@csrf
			@php
			if(old('present_address')){
				$present_address = old('present_address');	
			}elseif($editData){
				$present_address = $editData->present_address;
			}else{
				$present_address = null;
			}
			if(old('permanent_address')){
				$permanent_address = old('permanent_address');	
			}elseif($editData){
				$permanent_address = $editData->permanent_address;
			}else{
				$permanent_address = null;
			}
			if(old('mailing_address')){
				$mailing_address = old('mailing_address');	
			}elseif($editData){
				$mailing_address = $editData->mailing_address;
			}else{
				$mailing_address = null;
			}
			if(old('mobile_number')){
				$mobile_number = old('mobile_number');	
			}elseif($editData){
				$mobile_number = $editData->mobile_number;
			}else{
				$mobile_number = null;
			}
			if(old('telephone')){
				$telephone = old('telephone');	
			}elseif($editData){
				$telephone = $editData->telephone;
			}else{
				$telephone = null;
			}
			if(old('email')){
				$email = old('email');	
			}elseif($editData){
				$email = $editData->email;
			}else{
				$email = null;
			}
			if(old('additional_contact_info')){
				$additional_contact_info = old('additional_contact_info');	
			}elseif($editData){
				$additional_contact_info = $editData->additional_contact_info;
			}else{
				$additional_contact_info = null;
			}
			
			@endphp
			<div class="card">
				<div class="card-body">
					<div class="row">						
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Present Address</label>
								<textarea class="form-control" name="present_address" id="present_address" placeholder="Write Present Address" style="height: 100px;">{{ $present_address }}</textarea>
							</div>
						</div>						
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Permanent Address <span><input type="checkbox" id="permanent_equal_present"> Same as Present</span></label>
								<textarea class="form-control" name="permanent_address" id="permanent_address" placeholder="Write Permanent Address" style="height: 100px;">{{ $permanent_address }}</textarea>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Mailing Address</label>
								<textarea class="form-control" name="mailing_address" id="mailing_address" placeholder="Write Mailing Address" style="height: 100px;">{{ $mailing_address }}</textarea>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										<label class="control-label">Mobile No</label>
										<input type="text" name="mobile_number" value="{{ $mobile_number }}" class="form-control" placeholder="Mobile No">
									</div>
								</div>
								<div class="col-sm-12">
									<div class="form-group">
										<label class="control-label">Telephone No (If Any)</label>
										<input type="text" name="telephone" value="{{ $telephone }}" class="form-control" placeholder="Telephone Number">
									</div>
								</div>
							</div>
						</div>					
					</div>
					<div class="row">
						{{-- <div class="col-sm-6">
							<div class="row">
								<div class="col-sm-4">
									<div class="form-group">
										<label class="control-label">Mobile No</label>
										<input type="text" name="mobile_number" value="{{ $mobile_number }}" class="form-control" placeholder="Mobile No">
									</div>
								</div>
								<div class="col-sm-4">
									<div class="form-group">
										<label class="control-label">Telephone No (If Any)</label>
										<input type="text" name="telephone" value="{{ $telephone }}" class="form-control" placeholder="Telephone Number">
									</div>
								</div>
								<div class="col-sm-4">
									<div class="form-group">
										<label class="control-label">Email Address</label>
										<input type="text" name="email" value="{{ $email }}" class="form-control" placeholder="Email Address">
									</div>
								</div>
							</div>
						</div>	 --}}					
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Email Address</label>
								<input type="text" name="email" value="{{ $email }}" class="form-control" placeholder="Email Address">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Additional Information</label>
								<textarea class="form-control" rows="1" name="additional_contact_info" placeholder="Write additional information if required.">{{ $additional_contact_info }}</textarea>
							</div>
						</div>
					</div>
				</div>
				<div class="card-footer text-right">
					<a href="{{route('member.family-details-edit', $editData->id)}}" class="btn btn-primary btn-sm">Previous</a>
					{{-- <input type="submit" name="action" value="Save" class="btn btn-success">					 --}}
					<input type="submit" name="action" value="Next" class="btn btn-warning btn-sm">					
				</div>
			</div>			
		</form>	
	</div>
	<div class="panel-footer">

	</div>
</div>

<style type="text/css">
	.action-column button {
		min-width: auto!important;
	}
</style>
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true
		});

		$('#permanent_equal_present').change(function(){
			if($(this).is(":checked")) {
				$('#permanent_address').val($('#present_address').val());
			}else{
				$('#permanent_address').val('');
			}
		});

		$(document).on('click', '.more-children', function(){
			var parentRow = $(this).closest('.children-container');
			var clonedElement = $(this).closest('.row').clone(true);
			clonedElement.find('.remove-children').removeClass('d-none');
			parentRow.append(clonedElement);
			$('.single-date-picker').daterangepicker({
				singleDatePicker: true,
				showDropdowns: true
			});
		});

		$(document).on('click', '.remove-children', function(){
			$(this).closest('.row').remove();
		});				
	});
</script>
@endsection