@extends('frontend.layouts.app')
@section('content')
	<div class="row">
		<div class="col col-2">
			<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">Client/Parent/Guardian</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">Child / Dependent</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 Information</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 Information</a>
			  	<a class="nav-link" id="v-pills-pregnancy-tab" data-toggle="pill" href="#v-pills-pregnancy" role="tab" aria-controls="v-pills-pregnancy" aria-selected="false">Pregnancy</a>
			  	<a class="nav-link" id="v-pills-income-tab" data-toggle="pill" href="#v-pills-income" role="tab" aria-controls="v-pills-income" aria-selected="false">Income Source</a>
			  	<a class="nav-link" id="v-pills-experiance-tab" data-toggle="pill" href="#v-pills-experiance" role="tab" aria-controls="v-pills-experiance" aria-selected="false">Experience of Violence</a>
			  	<a class="nav-link" id="v-pills-suicide-tab" data-toggle="pill" href="#v-pills-suicide" role="tab" aria-controls="v-pills-suicide" aria-selected="false">Suicide Risk</a>
				<a class="nav-link" id="v-pills-self-tab" data-toggle="pill" href="#v-pills-self" role="tab" aria-controls="v-pills-self" aria-selected="false">Self-Harm</a>
				<a class="nav-link" id="v-pills-substance-tab" data-toggle="pill" href="#v-pills-substance" role="tab" aria-controls="v-pills-substance" aria-selected="false">Substance-abuse</a>
				<a class="nav-link" id="v-pills-support-tab" data-toggle="pill" href="#v-pills-support" role="tab" aria-controls="v-pills-support" aria-selected="false">Have you attended</a>
				<a class="nav-link" id="v-pills-miscellieneous-tab" data-toggle="pill" href="#v-pills-miscellieneous" role="tab" aria-controls="v-pills-miscellieneous" aria-selected="false">Miscellaneous</a>
			  	<a class="nav-link" id="v-pills-case-sheet" data-toggle="pill" href="#v-pills-casesheet" role="tab" aria-controls="v-case-sheet" aria-selected="false">Case sheet</a>
			  	<a class="nav-link" id="v-pills-upload-tab" data-toggle="pill" href="#v-pills-upload" role="tab" aria-controls="v-upload" aria-selected="false">Consent Form</a>
			</div>
		</div>
		<div class="col col-10">
			<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-edit-tabs.client-form',$client)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-guardian" role="tabpanel" aria-labelledby="v-pills-guardian-tab">
			  		@include('frontend.user.client-edit-tabs.guardian-form', $clientGuardian)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-dependent" role="tabpanel" aria-labelledby="v-pills-dependent-tab">
			  		@include('frontend.user.client-edit-tabs.dependent-form', $clientDependent)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-housing" role="tabpanel" aria-labelledby="v-pills-housing-tab">
			  		@include('frontend.user.client-edit-tabs.housing-form', $clientHousing)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-medical" role="tabpanel" aria-labelledby="v-pills-medical-tab">
			  		@include('frontend.user.client-edit-tabs.medical-form', $clientMedical)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-pregnancy" role="tabpanel" aria-labelledby="v-pills-pregnancy-tab">
			  		@include('frontend.user.client-edit-tabs.pregnancy-form', $clientPregnancy)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-income" role="tabpanel" aria-labelledby="v-pills-income-tab">
			  		@include('frontend.user.client-edit-tabs.income-form', $clientIncomeSource)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-experiance" role="tabpanel" aria-labelledby="v-pills-experiance-tab">
			  		@include('frontend.user.client-edit-tabs.experiance-form', $clientExperianceViolence)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-suicide" role="tabpanel" aria-labelledby="v-pills-suicide-tab">
			  		@include('frontend.user.client-edit-tabs.suicide-form', $clientSuicideRisk)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-self" role="tabpanel" aria-labelledby="v-pills-self-tab">
			  		@include('frontend.user.client-edit-tabs.self-form', $clientSelfHarm)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-substance" role="tabpanel" aria-labelledby="v-pills-substance-tab">
			  		@include('frontend.user.client-edit-tabs.substance-form', $clientSubstanceAbuse)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-support" role="tabpanel" aria-labelledby="v-pills-support-tab">
			  		@include('frontend.user.client-edit-tabs.support-form', $clientSupport)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-miscellieneous" role="tabpanel" aria-labelledby="v-pills-miscellieneous-tab">
			  		@include('frontend.user.client-edit-tabs.miscellieneous-form', $clientMiscellieneous)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-casesheet" role="tabpanel" aria-labelledby="v-case-sheet-tab">
			  		@include('frontend.user.client-edit-tabs.case-sheet', $clientCasesheet)
			  	</div>
			  	<div class="tab-pane fade" id="v-pills-upload" role="tabpanel" aria-labelledby="v-upload-tab">
			  		@include('frontend.user.client-edit-tabs.upload', [$internalConsents, $externalConsents])
			  	</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.dashboard2') }}";
		var publicRoot = "{{ route('frontend.index') }}";
		var deleteURL = "{{ route('frontend.delete.attachment') }}";
		var editForm = true;
	</script>
	{!! script(asset('js/frontend/clients.js')) !!}
@endpush