@extends('backend.layouts.master')

@section('styles')
	<style>
		p {
			line-height: 1.5;
			font-size: 11px;
			text-align: justify;
			margin-bottom: 12px
		}

		ul>li {
			line-height: 1.5;
			font-size: 11px;
			text-align: justify;
			margin-bottom: 6px
		}

		.pagebreak {
			break-after: page
		}
	</style>
@endsection

@section('content')
	<div class="content">
		@if ($individual)
			<!-- Edit mode -->
			<div id="individual-dashboard" class="main-content">
				<div class="block justify-between page-header sm:flex">
					<div>
						<h3 class="text-gray-700 hover:text-gray-900 dark:text-white dark:hover:text-white text-2xl font-medium">
							{{ $individual->first_name }} {{ $individual->last_name }}</h3>
					</div>
					<div>
						@if (session('status'))
							@include('backend.crm.individuals.components.alert-status')
						@endif
					</div>
				</div>
				<div class="grid grid-cols-12 gap-x-6">
					<div class="col-span-12 lg:col-span-2">
						<div class="box">
							<div class="box-body pt-6">
								@include('backend.crm.individuals.components.sidebar')
							</div>
						</div>
					</div>
					<div class="col-span-12 lg:col-span-10">

						<div class="box border-0 shadow-none mb-0">
							<form action="{{ route('crm.classification.store', $individual) }}" method="POST">
								@csrf

								<div class="box-header flex justify-between items-center">
									<span class="text-xs py-1 font-semibold">{{ __('forms.Classification') }}</span>
									<div class="flex items-center space-x-2">

											<div class="flex items-center">
												<button type="submit"
													class="badge rounded-sm bg-success/10 text-success hover:bg-success hover:text-white">{{ __('forms.Save') }}</button>
											</div>

									</div>
								</div>

								<div class="box-body">

										<div style="padding-left: 190px; padding-right: 190px">
											@include('backend.amc.classification.text')
										</div>
								</div>
							</form>


						</div>
					</div>
				</div>
			</div>
		@endif
	</div>
@endsection

@section('scripts')
@endsection