@extends('layouts.app')
@php $kidInterest = get_kids_interest(['t.type'=>'kids-interest']) @endphp
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
            	<div class="card-body">
					{{ Form::model($data ?? '', ['route'=>['kids.store'],'files' => 'true', 'class' => '', 'id' => 'submit-form', 'autocomplete' => 'off']) }}
						<div class="row mb-4">
							<div class="mb-3 col-md-4">
								<label class="col-md-12">Parent</label>
						        <select class="form-control col-md-12 select2-ajax-usernames" name="parent_id" required>
						        	@if( isset($user) && $user!=false )
						        		<option selected value="{{$user->id}}">{{$user->name}} ({{$user->id}})</option>
						        	@endif
						        </select>	
						    </div>

							<div class="col-md-4 mb-3">
								<label class="col-md-12"> Name </label>
								{{Form::text('name',null,['class'=>'form-control col-md-12','placeholder'=>'Enter name'])}}
							</div>

							<div class="col-md-4 mb-3">
								<label class="col-md-12"> Email </label>
								{{Form::email('email',null,['class'=>'form-control col-md-12','placeholder'=>'Enter email'])}}
							</div>

							<div class="col-md-4 mb-3">
								<label class="col-md-12"> Phone </label>
								{{Form::text('phone',null,['class'=>'form-control digit_validate col-md-12','placeholder'=>'Enter phone'])}}
							</div>	
							<div class="col-md-4 mb-3">	

								<label class="col-md-12"> Sex </label>				    
								@php $gn = isset($data->gender) ? $data->gender :""; @endphp	 
								<select class="form-control col-md-12" name="gender" required>
	                               	<option {{ $gn =='male'?'selected':''}} value="male">Male</option>
                                	<option {{ $gn =='female'?'selected':''}} value="female">Female</option>
                                </select>									
							</div>	
							<div class="col-md-4 mb-3">
								<label class="col-md-12"> DOB </label>				
								{{Form::text('date_of_birth',null,['class'=>'form-control datepicker col-md-12','placeholder'=>'Enter DOB'])}}
							</div>	
                            <div class="col-md-4 mb-3">
                            	<label class="col-md-12"> Interest </label>	
                                <select id="interest" class="form-control select2 setMultiSelect" multiple name="interest[]" required>
                                	@if( $kidInterest != false )
                                		 @php $interests = isset($data->interest) ? explode(",",$data->interest) : [] @endphp
	                                	 @foreach( $kidInterest as $i => $values )
	                                	 	@php $selected = in_array($values->id,$interests)?'selected':'' @endphp
		                                	<option {{$selected}} value="{{ $values->id }}">{{ $values->name }}</option>
		                                 @endforeach		
	                                @endif	
                                </select>	
                            </div>
							<!-- <div class="col-md-4 parent-controller mb-3">
	                            <label class="form-label col-md-12">Parent Control</label>
	                            <div class="col-md-12">
	                            	{{Form::checkbox('parent_controller',null,['class'=>'notUnchekced','value'=>1])}}
	                            </div>
	                        </div>  -->                             													
	                        <div class="col-md-12 mb-3">
								<label class="col-md-12"> Bio </label>	
								{{Form::textarea('bio',null,['class'=>'form-control col-md-12','required'=>'required','rows'=>'2'])}}
							</div> 
						</div>	
						<input type="hidden" name="id" value="{{$data->id ?? ''}}">
                        <div class="d-flex flex-wrap gap-2">
                            <button type="submit" class="btn btn-primary waves-effect waves-light" id="submit-btn">Submit</button>
                            <a href="{{url()->previous()}}" class="btn btn-secondary waves-effect">Back</a>
                        </div>     	
					{{Form::close()}}            		
            	</div>	

            	<!-- <div class="addlist">
            		<ul style="padding: 0;margin: 0;list-style: none;" class="append-content">
	            		<li class="d-flex mb-2">
	            			<div class="col-md-4 ml-2">
		            			<select class="select2-ajax"></select>
		            		</div>	
		            		<div class="col-md-2">
		            			&nbsp;
		            			<button class="btn-primary btn addNewRaw">Add</button>
		            		</div>
	            		</li>
            		</ul>
            	</div>	 -->
            </div>	
        </div> <!-- end col -->
    </div> 
</div>
<script type="text/javascript">
	

	



</script>
@endsection