@extends('frontend.layouts.app')

@section('content')
	<div class="row">
		<div class="col col-3">
			<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
			  	<a class="nav-link active" id="v-pills-client-details-tab" data-toggle="pill" href="#v-pills-client-details" role="tab" aria-controls="v-pills-client-details" aria-selected="true">Client Details</a>
			  	<a class="nav-link" id="v-pills-guardian-tab" data-toggle="pill" href="#v-pills-guardian" role="tab" aria-controls="v-pills-guardian" aria-selected="false">Guardian Details</a>
			  	<a class="nav-link" id="v-pills-dependent-tab" data-toggle="pill" href="#v-pills-dependent" role="tab" aria-controls="v-pills-dependent" aria-selected="false">Dependent Details</a>
			  	<a class="nav-link" id="v-pills-housing-tab" data-toggle="pill" href="#v-pills-housing" role="tab" aria-controls="v-pills-housing" aria-selected="false">Housing Details</a>
			  	<a class="nav-link" id="v-pills-medical-tab" data-toggle="pill" href="#v-pills-medical" role="tab" aria-controls="v-pills-medical" aria-selected="false">Medical Details</a>
			</div>
		</div>
		<div class="col col-8">
			<div class="tab-content" id="v-pills-tabContent">
			  	<div class="tab-pane fade show active" id="v-pills-client-details" role="tabpanel" aria-labelledby="v-pills-client-details-tab">
			  		@include('frontend.user.client-tabs.client-form')
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-guardian" role="tabpanel" aria-labelledby="v-pills-guardian-tab">
			  		@include('frontend.user.client-tabs.guardian-form')
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-dependent" role="tabpanel" aria-labelledby="v-pills-dependent-tab">
			  		@include('frontend.user.client-tabs.dependent-form')
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-housing" role="tabpanel" aria-labelledby="v-pills-housing-tab">
			  		@include('frontend.user.client-tabs.housing-form')
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-medical" role="tabpanel" aria-labelledby="v-pills-medical-tab">
			  		@include('frontend.user.client-tabs.medical-form')
			  	</div>
			</div>
		</div>
	</div>
@endsection
@push('after-scripts')
	<script type="text/javascript">
		var surl = "{{ route('frontend.client.store') }}";
		var uurl = "{{ route('frontend.client.update') }}";
		var dashboard = "{{ route('frontend.user.dashboard') }}";
		var publicRoot = "{{ route('frontend.index') }}";
	</script>
	{!! script(asset('js/frontend/clients.js')) !!}
@endpush