@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

                        {{-- @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">
                            <form action="{{ route('crm.pep.store', $individual) }}" method="POST">
                                @csrf
                                <div class="box-header flex justify-between">

                                    <span class="ti-btn text-xs py-1 font-semibold">PEP</span>

                                    <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 class="box-body">
                                    @include('backend.amc.pep.text')
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection

@section('scripts')
@endsection