@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.corporate.edit-header')	
	<div class="col-md-12">
		<form method="POST" action="{{route('golf-operation.corporate-patron.associate.update', $editData->id)}}">
			@csrf
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Family Details</h3>
				</div>
				<div class="card-body">
					@php
					if(old('spouse_name')){
						$spouse_name = old('spouse_name');
					}elseif($editData){
						$spouse_name = $editData->spouse_name;
					}else{
						$spouse_name = null;
					}

					if(old('spouse_dob')){
						$spouse_dob = old('spouse_dob');
					}elseif($editData){
						$spouse_dob = $editData->spouse_dob;
					}else{
						$spouse_dob = null;
					}

					if(old('spouse_nid')){
						$spouse_nid = old('spouse_nid');
					}elseif($editData){
						$spouse_nid = $editData->spouse_nid;
					}else{
						$spouse_nid = null;
					}

					if(old('spouse_occupation')){
						$spouse_occupation = old('spouse_occupation');
					}elseif($editData){
						$spouse_occupation = $editData->spouse_occupation;
					}else{
						$spouse_occupation = null;
					}

					if(old('spouse_handicap')){
						$spouse_handicap = old('spouse_handicap');
					}else{
						$spouse_handicap = $editData->spouse_handicap;
					}
					@endphp					
					<div class="row" style="margin-top: 50px;">
						<div class="col-sm-12 associate-container">
							<h3 style="border-bottom: 1px solid #ddd; font-size: 18px; padding-bottom: 5px;">Associate People</h3>
							@if(old('name'))
								@foreach(old('name') as $key => $associate)
								<div class="row">
									@if(isset(old('associate_id')[$key]))
									<input type="hidden" name="associate_id[]" value="{{ old('associate_id')[$key] }}">
									@endif
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Name</label>
											<input type="text" name="name[]" value="{{ old('name')[$key] }}" class="form-control @error('name.'.$key) is-invalid @enderror" />
											@error('name.'.$key)
											<span class="invalid-feedback">{{ $message }}</span>
											@enderror
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Designation</label>
											<input type="text" name="designation[]" value="{{ old('designation')[$key] }}" class="form-control" value="">
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Cell Number</label>
											<input type="text" name="mobile[]" value="{{ old('mobile')[$key] }}" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Email</label>
											<input type="email" name="email[]" value="{{ old('email')[$key] }}" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Date of Birth (DD-MM-YYYY)</label>
											<input type="text" name="dob[]" value="{{ old('dob')[$key] }}" class="form-control @error('dob.'.$key) is-invalid @enderror text-center" />
											@error('dob.'.$key)
											<span class="invalid-feedback">{{ $message }}</span>
											@enderror
										</div>
									</div>								
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">NID Number</label>
											<input type="text" name="nid[]" value="{{ old('nid')[$key] }}" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Gender</label>
											<select class="form-control form-control-sm @error('gender.'.$key) is-invalid @enderror" name="gender[]">
												<option value="">Select Gender</option>
												<option value="Male" @if(old('gender')[$key] == 'Male') selected @endif>Male</option>
												<option value="Female" @if(old('gender')[$key] == 'Female') selected @endif>Female</option>
											</select>
											@error('gender.'.$key)
											<span class="invalid-feedback">{{ $message }}</span>
											@enderror
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Address</label>
											<input type="text" name="address[]" value="{{ old('address')[$key] }}" class="form-control" />
										</div>
									</div>
									<div class="col-sm-1 action-column" style="padding-top: 28px; padding-left: 0px; padding-right: 0px;">
										<button type="button" class="btn btn-success more-associate btn-xs"><i class="fa fa-plus"></i></button>
										@if(isset(old('associate_id')[$key]))
										<button type="button" class="btn btn-danger delete btn-xs" data-id="{{ old('associate_id')[$key] }}" data-tablename="corporate_associates"><i class="fa fa-remove"></i></button>
										@else
										<button type="button" class="btn btn-danger remove-associate btn-xs"><i class="fa fa-remove"></i></button>
										@endif
									</div>
									<hr style="clear: both; border: 1px dotted #000; width: 100%; display: block;" />									
								</div>
								@endforeach
							@elseif($editData->associates && count($editData->associates)>0)
								<div class="associate-info-wrapper">
									@foreach($editData->associates as $associate)
									<div class="row">
										<input type="hidden" name="associate_id[]" value="{{ $associate->id }}">
											<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Name</label>
												<input type="text" name="name[]" value="{{ $associate->name }}" class="form-control" />
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Designation</label>
												<input type="text" name="designation[]" value="{{ $associate->designation }}" class="form-control" value="">
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Cell Number</label>
												<input type="text" name="mobile[]" value="{{ $associate->mobile }}" class="form-control" />
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Email</label>
												<input type="email" name="email[]" value="{{ $associate->email }}" class="form-control" />
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Date of Birth (DD-MM-YYYY)</label>
												<input type="text" name="dob[]" value="@if($associate->dob){{ date('d-m-Y', strtotime($associate->dob)) }}@endif" class="form-control text-center" />
											</div>
										</div>								
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">NID Number</label>
												<input type="text" name="nid[]" value="{{ $associate->nid }}" class="form-control" />
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Gender</label>
												<select class="form-control form-control-sm" name="gender[]">
													<option value="">Select Gender</option>
													<option value="Male" @if($associate->gender == 'Male') selected @endif>Male</option>
													<option value="Female" @if($associate->gender == 'Female') selected @endif>Female</option>
												</select>
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label class="control-label">Address</label>
												<input type="text" name="address[]" value="{{ $associate->address }}" class="form-control" />
											</div>
										</div>
										<div class="col-sm-1 action-column" style="padding-top: 28px; padding-left: 0px; padding-right: 0px;">
											<button type="button" class="btn btn-success more-associate btn-xs"><i class="fa fa-plus"></i></button>
											<button type="button" class="btn btn-danger delete btn-xs" data-id="{{ $associate->id }}" data-tablename="corporate_associates"><i class="fa fa-remove"></i></button>
										</div>
										<hr style="clear: both; border: 1px dotted #000; width: 100%; display: block;" />									
									</div>
									@endforeach
								</div>
							@else
							<div class="associate-info-wrapper">
								<div class="row">
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Name</label>
											<input type="text" name="name[]" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Designation</label>
											<input type="text" name="designation[]" class="form-control" value="">
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Cell Number</label>
											<input type="text" name="mobile[]" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Email</label>
											<input type="email" name="email[]" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Date of Birth (DD-MM-YYYY)</label>
											<input type="text" name="dob[]" class="form-control text-center" />
										</div>
									</div>								
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">NID Number</label>
											<input type="text" name="nid[]" class="form-control" />
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Gender</label>
											<select class="form-control form-control-sm" name="gender[]">
												<option value="">Select Gender</option>
												<option value="Male">Male</option>
												<option value="Female">Female</option>
											</select>
										</div>
									</div>
									<div class="col-sm-3">
										<div class="form-group">
											<label class="control-label">Address</label>
											<input type="text" name="address[]" class="form-control" />
										</div>
									</div>
									<div class="col-sm-1 action-column" style="padding-top: 28px; padding-left: 0px; padding-right: 0px;">
										<button type="button" class="btn btn-success more-associate btn-xs"><i class="fa fa-plus"></i></button>
										<button type="button" class="btn btn-danger remove-associate btn-xs d-none"><i class="fa fa-remove"></i></button>
									</div>
									<hr style="clear: both; border: 1px dotted #000; width: 100%; display: block;" />
								</div>								
							</div>
							@endif
						</div>
					</div>
				</div>
				<div class="card-footer text-right">
					<a href="{{route('golf-operation.members.edit', $editData->id)}}?member_type=corporate-patron" 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(){
		
		$(document).on('click', '.more-associate', function(){
			var $parent = $(this).closest('.associate-info-wrapper');			
	        var $clonedData = $(this).closest('.row').clone(true);
	        $clonedData.find('.remove-associate').removeClass('d-none');
	        $clonedData.find('.delete').removeAttr('data-id');
	        $clonedData.find('.delete').removeAttr('data-tablename');
	        $clonedData.find('.delete').addClass('remove-associate');
	        $clonedData.find('.delete').removeClass('delete');
	        $clonedData.find('input').val('');
	        $parent.append($clonedData);
		});		

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