@extends('backend.layouts.master')

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

        
        ul>li {
            list-style-type: disc;
            list-style-position: outside;
            margin-left: 1.65rem;
            line-height: 1.5;
            font-size: 11px;
            text-align: justify;
            margin-bottom: 6px
        }

        @media print {
        .pagebreak { page-break-before: always; } /* page-break-after works, as well */
        }
    </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

                        {{-- @if ($individual->pep_link)
                            <a class="ti-btn ti-btn-outline ti-btn-outline-danger text-xs py-1"
                                href="{{ route('pep.pdf.delete', $individual) }}">Delete PDF</a>
                        @else
                            <a class="ti-btn ti-btn-outline ti-btn-outline-light text-xs py-1"
                                href="{{ route('pep.pdf', $individual) }}">Generate PDF</a>
                        @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">
							<div class="box-header flex justify-between">

								<span class="ti-btn text-xs py-1 font-semibold">{{ __('forms.Contract') }} </span>

								@if ($individual->lastActiveContract)
									<form action="{{ route('crm.contract.delete', $individual) }}" method="POST" style="display: inline">
										@csrf
										@method('DELETE')
										<button type="submit" class="ti-btn ti-btn-outline ti-btn-outline-danger text-xs py-1">
											Obriši PDF
										</button>
									</form>
								@else
									<a class="ti-btn ti-btn-outline ti-btn-outline-light text-xs py-1"
										href="{{ route('crm.contract.create', $individual) }}">Kreiraj PDF</a>
								@endif

							</div>

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

@section('scripts')
@endsection