@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	@include('backend.members.edit.edit-header')
	<div class="col-md-12">

		<form method="POST" action="{{route('golf-operation.members.update.addresscontact', $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-header">
					<h3 class="card-title">Address and Contact</h3>
				</div>
				<div class="card-body">
					<div class="row">						
						<div class="col-sm-4">
							<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-4">
							<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 class="col-sm-4">
							<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>
					<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">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('golf-operation.members.edit.familydetails', $editData->id)}}" class="btn btn-primary">Previous</a>
					<input type="submit" name="action" value="Save" class="btn btn-success">					
					<input type="submit" name="action" value="Next" class="btn btn-warning">					
				</div>
			</div>			
		</form>	
	</div>
</div>
@endsection
@section('page_script')
<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