@extends('backend.layouts.master')

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

		ul>li {
			line-height: 1.5;
			font-size: 12px;
			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">

							@if (!$individual->lastActiveClassification->link)
							<form action="{{ route('crm.classification.update', $individual) }}" method="POST">
								@csrf
								@method('PUT')

								<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">
										<!-- Update button -->

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

										<a class="ti-btn ti-btn-outline ti-btn-outline-light text-xs py-1"
										href="{{ route('crm.classification.create_pdf', $individual) }}">Kreiraj PDF</a>
										@endif
									</div>
								</div>

								<div class="box-body">
									@if ($individual->lastActiveClassification->link)
										<iframe src="{{ Storage::disk('public')->url($individual->lastActiveClassification->link) . '?v=' . time() }}"
											style="border: none;" width="100%" height="600">
										</iframe>
									@else
										<div style="padding-left: 190px; padding-right: 190px">
											@include('backend.amc.classification.text')
										</div>
									@endif
								</div>
							</form>
							@endif


							@if ($individual->lastActiveClassification->link)

							<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">
									<!-- Update button -->

									<form action="{{ route('crm.classification.delete', $individual) }}" method="POST" style="display: inline">
										@csrf
										@method('PUT')
										<button type="submit" class="ti-btn ti-btn-outline ti-btn-outline-danger text-xs py-1">
											Obriši PDF
										</button>
									</form>
								</div>

							</div>
							<div class="box-body">
								@if ($individual->lastActiveClassification->link)
									<iframe src="{{ Storage::disk('public')->url($individual->lastActiveClassification->link) . '?v=' . time() }}"
										style="border: none;" width="100%" height="600">
									</iframe>
								@else
									<div style="padding-left: 190px; padding-right: 190px">
										@include('backend.amc.classification.text')
									</div>
								@endif
							</div>

							@endif

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

@section('scripts')
@endsection