@extends('layouts.portal')

@section('title', 'Edit Will Document - ' . $will->id)
@section('page_title', 'Edit Will Document')
@section('page_subtitle', 'Last Will and Testament - Version v{{ $will->version ?? 1 }}')

@push('styles')
<style>
    .document-editor {
        min-height: 800px;
        border: 2px solid #e5e7eb;
        border-radius: 8px;
        padding: 40px 60px;
        background: white;
        font-family: 'Times New Roman', Times, serif;
        line-height: 1.8;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .watermark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
        font-size: 150px;
        opacity: 0.08;
        color: #000;
        pointer-events: none;
        z-index: 1;
        font-weight: bold;
    }

    .document-content {
        position: relative;
        z-index: 2;
    }
    
    .document-editor:focus {
        outline: none;
        border-color: #772B10;
        box-shadow: 0 0 0 3px rgba(119, 43, 16, 0.1);
    }
    
    .toolbar {
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 8px 8px 0 0;
        padding: 12px;
        display: flex;
        gap: 8px;
        align-items: center;
        border-bottom: 2px solid #e5e7eb;
        flex-wrap: wrap;
    }
    
    .toolbar button {
        padding: 8px 12px;
        border: 1px solid #d1d5db;
        background: white;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s;
        color: #374151;
    }
    
    .toolbar button:hover {
        background: #f3f4f6;
        border-color: #9ca3af;
    }
    
    .toolbar button.active {
        background: #772B10;
        color: white;
        border-color: #772B10;
    }
    
    .toolbar .separator {
        border-left: 1px solid #d1d5db;
        height: 28px;
        margin: 0 4px;
    }
    
    .save-indicator {
        display: none;
        padding: 8px 16px;
        background: #10b981;
        color: white;
        border-radius: 4px;
        font-size: 14px;
        margin-left: auto;
    }
    
    .save-indicator.show {
        display: flex;
        align-items: center;
    }
    
    .save-indicator.saving {
        background: #f59e0b;
    }
    
    .save-indicator.error {
        background: #ef4444;
    }
    
    @media print {
        body * {
            visibility: hidden;
        }
        
        .document-editor, .document-editor * {
            visibility: visible;
        }
        
        .document-editor {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            border: none !important;
            margin: 0 !important;
            padding: 20px !important;
            box-shadow: none !important;
        }
        
        @page {
            margin: 0.5in;
            size: A4;
        }
        
        .toolbar, .save-indicator, .flex.justify-between, button:not(.document-editor button) {
            display: none !important;
        }
    }
</style>
@endpush

@section('sidebar')
    @include('agent.partials.sidebar', ['active' => 'wills'])
@endsection

@section('content')
<div class="max-w-7xl mx-auto">
    <!-- Header with actions -->
    <div class="flex justify-between items-center mb-6">
        <div>
            <h1 class="text-2xl font-bold text-gray-900">Edit Will Document</h1>
            <p class="text-gray-600 mt-1">Client: {{ $client->full_name }} | Will ID: #{{ $will->id }}</p>
        </div>
        <div class="flex space-x-3">
            <a href="{{ route('agent.wills') }}" class="px-4 py-2 bg-gray-500 hover:bg-gray-600 text-white rounded-lg transition-colors">
                <i class="fas fa-arrow-left mr-2"></i>
                Back
            </a>
            <button onclick="saveDocument()" class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition-colors">
                <i class="fas fa-save mr-2"></i>
                Save Changes
            </button>
            <button onclick="downloadWord()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors">
                <i class="fas fa-file-word mr-2"></i>
                Download Word
            </button>
            <button onclick="printDocument()" class="px-4 py-2 bg-[#772B10] hover:bg-[#8B3D15] text-white rounded-lg transition-colors">
                <i class="fas fa-print mr-2"></i>
                Print
            </button>
        </div>
    </div>

    <!-- Editing toolbar -->
    <div class="toolbar">
        <button onclick="formatText('bold')" title="Bold">
            <i class="fas fa-bold"></i>
        </button>
        <button onclick="formatText('italic')" title="Italic">
            <i class="fas fa-italic"></i>
        </button>
        <button onclick="formatText('underline')" title="Underline">
            <i class="fas fa-underline"></i>
        </button>
        <div class="separator"></div>
        <button onclick="formatText('justifyLeft')" title="Align Left">
            <i class="fas fa-align-left"></i>
        </button>
        <button onclick="formatText('justifyCenter')" title="Align Center">
            <i class="fas fa-align-center"></i>
        </button>
        <button onclick="formatText('justifyRight')" title="Align Right">
            <i class="fas fa-align-right"></i>
        </button>
        <div class="separator"></div>
        <button onclick="formatText('insertOrderedList')" title="Numbered List">
            <i class="fas fa-list-ol"></i>
        </button>
        <button onclick="formatText('insertUnorderedList')" title="Bullet List">
            <i class="fas fa-list-ul"></i>
        </button>
        <div class="separator"></div>
        <select onchange="formatText('fontSize', this.value)" class="px-2 py-1 border border-gray-300 rounded text-sm">
            <option value="">Font Size</option>
            <option value="3">Normal</option>
            <option value="1">Small</option>
            <option value="5">Large</option>
            <option value="7">Extra Large</option>
        </select>
        <div class="save-indicator" id="saveIndicator">
            <i class="fas fa-check mr-2"></i>
            <span id="saveText">Saved</span>
        </div>
    </div>

    <!-- Document editor - Same Template as Lawyer -->
    <div class="document-editor" 
         contenteditable="true" 
         id="documentEditor"
         onkeyup="markAsEdited()">
        <div class="watermark">SAMPLE</div>
        <div class="document-content">
            <div class="p-16" style="font-family: 'Times New Roman', Times, serif; line-height: 2; text-align: justify; font-size: 12pt;">
                <div style="text-align: center; margin-bottom: 30px;">
                    <h1 style="font-size: 22pt; font-weight: bold; letter-spacing: 2px; margin-bottom: 10px;">LAST WILL AND TESTAMENT</h1>
                    <p style="font-size: 12pt; margin-bottom: 10px;">Will Reference No: {{ $will->id }}</p>
                </div>
                <p class="text-sm" style="text-align: center;">Date: {{ date('d F Y') }}</p>
            </div>

            <!-- Declaration Clause -->
            <div class="mb-8">
                <p class="mb-6 text-justify" style="text-indent: 50px;">
                    I, <strong>{{ strtoupper($client->full_name ?? '_________________________') }}</strong>, 
                    (NRIC/Passport No: <strong>{{ $client->ic_number ?? '_________________________' }}</strong>),
                    of <strong>{{ $client->country ?? 'Malaysian' }}</strong> nationality,
                    presently residing at <strong>{{ $client->address ?? '_________________________' }}</strong>,
                    born on <strong>{{ $client->date_of_birth ? $client->date_of_birth->format('d F Y') : '_________________________' }}</strong>,
                    being of sound mind, memory and understanding, do hereby make, publish and declare this to be my 
                    <strong>LAST WILL AND TESTAMENT</strong>, hereby expressly revoking all previous wills, codicils and testamentary 
                    dispositions made by me at any time heretofore.
                </p>
            </div>

            <!-- Clause I: Revocation -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">FIRST: REVOCATION</h2>
                <p class="text-justify" style="text-indent: 50px;">
                    I hereby revoke, annul and cancel all wills, codicils and other testamentary dispositions 
                    heretofore made by me, and declare this to be my Last Will and Testament.
                </p>
            </div>

            <!-- Joint Will Declaration -->
            @if($will->is_joint)
            <div class="mb-8">
                <p class="mb-4 text-justify">
                    <strong>JOINT WILL DECLARATION:</strong> This is a Joint Will made jointly by:
                </p>
                <p class="mb-2 text-justify">
                    1. <strong>{{ strtoupper($client->full_name ?? '_________________________') }}</strong>
                    (NRIC/Passport No: <strong>{{ $client->ic_number ?? '_________________________' }}</strong>)
                </p>
                @if($will->jointClient)
                <p class="mb-2 text-justify">
                    2. <strong>{{ strtoupper($will->jointClient->full_name ?? '_________________________') }}</strong>
                    (NRIC/Passport No: <strong>{{ $will->jointClient->ic_number ?? '_________________________' }}</strong>)
                    @if($will->jointClient->address)
                    of <strong>{{ $will->jointClient->address }}</strong>
                    @endif
                </p>
                @elseif(!empty($jointTestatorDetails['primary']))
                <p class="mb-2 text-justify">
                    2. <strong>{{ strtoupper($jointTestatorDetails['primary']['full_name'] ?? '_________________________') }}</strong>
                    (NRIC/Passport No: <strong>{{ $jointTestatorDetails['primary']['ic'] ?? '_________________________' }}</strong>)
                    @if(!empty($jointTestatorDetails['primary']['address']))
                    of <strong>{{ $jointTestatorDetails['primary']['address'] }}</strong>
                    @endif
                </p>
                @endif
                <p class="text-justify mt-4">
                    We hereby declare that this Joint Will represents our mutual testamentary intentions and that we have each made this Will freely and voluntarily.
                </p>
            </div>
            @endif

            <!-- Clause II: Family Declaration -->
            @if(isset($client) && $client->familyMembers && count($client->familyMembers) > 0)
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">SECOND: FAMILY DECLARATION</h2>
                <p class="mb-4 text-justify" style="text-indent: 50px;">
                    I declare that my family members are as follows:
                </p>
                <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 30%;">Full Name</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 20%;">Relationship</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 25%;">NRIC/Passport</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 17%;">Phone</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($client->familyMembers as $member)
                        <tr>
                            <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ strtoupper($member->full_name ?? '_________________________') }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ ucfirst($member->relationship ?? '_________________________') }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $member->ic_number ?? '_________________________' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $member->phone ?? '_________________________' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif

            <!-- Clause III: Appointment of Executor -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">THIRD: APPOINTMENT OF EXECUTOR</h2>
                @if(!empty($executor['full_name']))
                <p class="text-justify" style="text-indent: 50px;">
                    I hereby nominate, constitute and appoint <strong>{{ strtoupper($executor['full_name']) }}</strong> (NRIC: {{ $executor['ic'] ?? '_________________________' }}) to be the Executor and Trustee of this my Will. I authorize my Executor to settle all my debts, funeral and testamentary expenses, and to distribute the residue of my estate according to the provisions herein contained.
                </p>
                @if(!empty($alternate_executor['full_name']))
                <p class="text-justify mt-4" style="text-indent: 50px;">
                    In the event that the above-named Executor shall fail, refuse or be unable to act, I hereby nominate <strong>{{ strtoupper($alternate_executor['full_name']) }}</strong> (NRIC: {{ $alternate_executor['ic'] ?? '_________________________' }}) to act as the alternate Executor and Trustee of this my Will.
                </p>
                @endif
                @else
                <p class="text-justify text-gray-500" style="text-indent: 50px;">[No Executor appointed]</p>
                @endif
            </div>

            <!-- Clause IV: Beneficiaries and Distribution -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">FOURTH: BENEFICIARIES AND DISTRIBUTION</h2>
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I give, devise and bequeath my estate to my beneficiaries in the manner following:
                </p>
                @if(!empty($beneficiaries) && count($beneficiaries) > 0)
                <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 30%;">Full Name</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 20%;">Relationship</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($beneficiaries as $beneficiary)
                        @php
                            // Handle both array and object access
                            $fullName = is_array($beneficiary) ? ($beneficiary['full_name'] ?? 'Not specified') : ($beneficiary->full_name ?? 'Not specified');
                            $relationship = is_array($beneficiary) ? ($beneficiary['relationship'] ?? 'Not specified') : ($beneficiary->relationship ?? 'Not specified');
                           
                        @endphp
                        <tr>
                            <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ strtoupper($fullName) }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $relationship }}</td>
                            
                        @endforeach
                    </tbody>
                </table>
                @else
                <p class="text-gray-600 italic mb-4">No beneficiaries have been added to this will.</p>
                @endif
                <p class="font-bold mt-4">TOTAL ESTATE VALUE: RM {{ number_format($totalEstateValue ?? (collect($beneficiaries)->sum('estimated_value') ?? 0), 2) }}</p>
            </div>

            <!-- Clause V: Specific Bequests of Assets -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">FIFTH: SPECIFIC BEQUESTS OF ASSETS</h2>
                @if(!empty($assets) && count($assets) > 0)
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I declare that I am the sole and absolute owner of the following assets, which I hereby give, devise and bequeath as follows:
                </p>
                
                @foreach($assets as $index => $asset)
                <div class="mb-8">
                    <p class="text-justify" style="text-indent: 50px; margin-bottom: 15px; line-height: 2;">
                        <strong>{{ $index + 1 }}.</strong> 
                        I give and bequeath my <strong>{{ ucfirst(str_replace('_', ' ', $asset['main_category'] ?? 'Asset')) }}</strong> 
                        ({{ $asset['sub_category'] ?? 'N/A' }}) 
                        @if(!empty($asset['description'])) - <strong>{{ $asset['description'] }}</strong> @endif
                        @if(!empty($asset['address'])) located at <strong>{{ $asset['address'] }}</strong> @endif
                        @if(!empty($asset['acquisition_year'])) acquired in the year <strong>{{ $asset['acquisition_year'] }}</strong> @endif
                        @if(!empty($asset['value'])) valued at <strong>RM {{ number_format($asset['value'], 2) }}</strong> @endif
                        with a monthly income of <strong>RM {{ number_format($asset['monthly_income'] ?? 0, 2) }}</strong>.
                    </p>

                    @if(!empty($asset['ownership_type']) && strtolower($asset['ownership_type']) === 'joint')
                    <p class="text-justify" style="text-indent: 50px; margin-bottom: 15px; line-height: 2;">
                        This asset is jointly owned
                        @if(!empty($asset['ownership_percentage'])) (my share: <strong>{{ $asset['ownership_percentage'] }}%</strong>) @endif
                        @if(!empty($asset['co_owners'])) with <strong>{{ $asset['co_owners'] }}</strong> @endif.
                    </p>
                    @endif
                    
                    @if(isset($asset['beneficiaries']) && !empty($asset['beneficiaries']))
                    <p class="text-justify" style="text-indent: 50px; margin-bottom: 10px; line-height: 2;">
                        This asset shall be distributed to the following beneficiaries:
                    </p>
                    @foreach($asset['beneficiaries'] as $beneficiary)
                    <p class="text-justify" style="text-indent: 80px; margin-bottom: 15px; line-height: 2;">
                        <strong>{{ strtoupper($beneficiary['full_name'] ?? 'N/A') }}</strong> (NRIC: {{ $beneficiary['ic_number'] ?? 'N/A' }}), {{ ucfirst($beneficiary['relationship'] ?? 'N/A') }}, entitled to {{ $beneficiary['percentage'] ?? 0 }}% share thereof. Contact: {{ $beneficiary['email'] ?? 'N/A' }}, {{ $beneficiary['phone'] ?? 'N/A' }}. Address: {{ $beneficiary['address'] ?? 'N/A' }}.
                    </p>
                    @endforeach
                    @endif
                </div>
                @endforeach
                
                <div class="mt-8 pt-5" style="border-top: 2px solid #333;">
                    <p class="text-justify font-bold" style="text-indent: 50px; line-height: 2; font-size: 12pt;">
                        The total aggregate value of all assets bequeathed herein is estimated at RM {{ number_format(collect($assets)->sum('value') ?? collect($assets)->sum('current_value') ?? 0, 2) }}.
                    </p>
                    @if(!empty($liabilities) && count($liabilities) > 0)
                    <p class="text-justify" style="text-indent: 50px; line-height: 2;">
                        The total liabilities against these assets amount to RM {{ number_format(collect($liabilities)->sum('amount') ?? 0, 2) }}, resulting in a net asset value of RM {{ number_format((collect($assets)->sum('value') ?? collect($assets)->sum('current_value') ?? 0) - (collect($liabilities)->sum('amount') ?? 0), 2) }}.
                    </p>
                    @endif
                </div>
                @else
                <p class="text-gray-500">[No assets specified]</p>
                @endif
            </div>

            <!-- Clause VI: Liabilities -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">SIXTH: LIABILITIES</h2>
                @if(!empty($liabilities) && count($liabilities) > 0)
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I declare that I have the following liabilities which shall be paid from my estate prior to distribution:
                </p>
                
                @foreach($liabilities as $index => $liability)
                <div class="mb-8" style="margin-left: 50px;">
                    <p class="text-justify" style="text-indent: 30px; margin-bottom: 20px; line-height: 2;">
                        <strong>{{ $index + 1 }}.</strong>
                        I hereby declare that I have a liability with <strong>{{ $liability['creditor'] ?? 'N/A' }}</strong>
                        (Account Number: {{ $liability['account_number'] ?? 'N/A' }}).
                        This is a <strong>{{ ucfirst(str_replace('_', ' ', $liability['type'] ?? $liability['liability_type'] ?? 'N/A')) }}</strong>
                        @if(!empty($liability['description'])) described as <strong>{{ $liability['description'] }}</strong> @endif
                        with an outstanding amount of <strong>RM {{ number_format($liability['amount'] ?? 0, 2) }}</strong>.
                        @if(!empty($liability['monthly_payment']) && $liability['monthly_payment'] != 0)
                        The monthly payment is <strong>RM {{ number_format($liability['monthly_payment'], 2) }}</strong>
                        @endif
                        @if(!empty($liability['interest_rate'])) at an interest rate of <strong>{{ $liability['interest_rate'] }}%</strong> @endif.
                        @if(!empty($liability['start_date'])) This liability commenced on <strong>{{ $liability['start_date'] }}</strong> @endif
                        @if(!empty($liability['maturity_date'])) and is due to mature on <strong>{{ $liability['maturity_date'] }}</strong> @endif.
                        The current status of this liability is <strong>{{ ucfirst($liability['status'] ?? 'Active') }}</strong>.
                    </p>
                    
                    @if(isset($liability['family_members']) && !empty($liability['family_members']))
                    <p class="text-justify" style="text-indent: 30px; margin-bottom: 15px; line-height: 2;">
                        The following family members are responsible for this liability:
                    </p>
                    @php
                        $fmArray = $liability['family_members'];
                        if (!is_array($fmArray)) {
                            $fmArray = json_decode($fmArray, true) ?? [];
                        }
                    @endphp
                    @foreach($fmArray as $memberId => $memberData)
                        @php
                            // Handle both indexed array format and associative array format
                            if (is_array($memberData) && isset($memberData['id'])) {
                                $memberId = $memberData['id'];
                                $percentage = $memberData['percentage'] ?? null;
                            } else {
                                $memberId = is_numeric($memberId) ? $memberId : null;
                                $percentage = null;
                            }
                            $member = $memberId ? $client->familyMembers->firstWhere('id', $memberId) : null;
                        @endphp
                        @if($member)
                        <p class="text-justify" style="margin-left: 60px; margin-bottom: 15px; line-height: 2;">
                            <strong>{{ strtoupper($member->full_name) }}</strong> (NRIC: {{ $member->ic_number ?? 'N/A' }}), {{ ucfirst($member->relationship ?? 'N/A') }}.
                            @if($percentage !== null && $percentage !== '' && $percentage != 0)
                            Responsible for <strong>{{ $percentage }}%</strong> thereof.
                            @endif
                        </p>
                        @endif
                    @endforeach
                    @endif
                </div>
                @endforeach
                
                <div style="margin-top: 30px; padding-top: 20px; border-top: 2px solid #333;">
                    <p class="text-justify font-bold" style="text-indent: 50px; line-height: 2; font-size: 12pt;">
                        TOTAL LIABILITIES: RM {{ number_format(collect($liabilities)->sum('amount') ?? 0, 2) }}
                    </p>
                </div>
                @else
                <p class="text-gray-500" style="text-indent: 50px;">[No liabilities specified]</p>
                @endif
            </div>

            <!-- Clause VII: Existing Will Information -->@php
    $existingWillData = $instructions['existing_will'] ?? null;
    
    // Handle both old and new field naming conventions
    if (!empty($existingWillData)) {
        $willDate = $existingWillData['will_date'] 
            ?? $existingWillData['existing_will_date'] 
            ?? null;
        $willNumber = $existingWillData['will_number'] 
            ?? $existingWillData['existing_will_number'] 
            ?? null;
        $contactPerson = $existingWillData['contact_person'] 
            ?? $existingWillData['existing_will_executor'] 
            ?? null;
        $contactTel = $existingWillData['contact_tel'] 
            ?? $existingWillData['existing_will_contact_tel'] 
            ?? null;
        $companyName = $existingWillData['company_name'] 
            ?? $existingWillData['existing_will_company'] 
            ?? null;
        $address = $existingWillData['address'] 
            ?? $existingWillData['existing_will_location'] 
            ?? null;
        $hasData = ($willDate || $willNumber || $contactPerson || $contactTel || $companyName || $address);
    } else {
        $hasData = false;
    }
@endphp
@if($hasData && !empty($existingWillData))
<div class="mb-8">
    <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">SEVENTH: EXISTING WILL INFORMATION</h2>
    <p class="text-justify mb-4" style="text-indent: 50px;">I hereby declare the following information regarding my existing will:</p>
    <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
        <tbody>
            @if($willDate)
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold; width: 30%;">Will Date:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $willDate }}</td>
            </tr>
            @endif
            @if($willNumber)
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold;">Will Number:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $willNumber }}</td>
            </tr>
            @endif
            @if($contactPerson)
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold;">Contact Person/Executor:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $contactPerson }}</td>
            </tr>
            @endif
            @if($contactTel)
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold;">Contact Telephone:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $contactTel }}</td>
            </tr>
            @endif
            @if($companyName)
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold;">Company Name:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $companyName }}</td>
            </tr>
            @endif
            @if($address)
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold;">Will Location/Address:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $address }}</td>
            </tr>
            @endif
            @if(isset($existingWillData['existing_will_notes']) && $existingWillData['existing_will_notes'])
            <tr>
                <td style="border: 1px solid black; padding: 8px; font-weight: bold;">Notes:</td>
                <td style="border: 1px solid black; padding: 8px;">{{ $existingWillData['existing_will_notes'] }}</td>
            </tr>
            @endif
        </tbody>
    </table>
</div>
@endif

<!-- Clause VII: Monthly Allowances -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">EIGHTH: MONTHLY ALLOWANCES</h2>
                @if(!empty($allowances) && count($allowances) > 0)
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I hereby direct my Executor to provide the following monthly allowances from my estate:
                </p>
                
                <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 30%;">Beneficiary</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 17%;">Amount (RM)</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 20%;">Duration</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 17%;">Conditions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($allowances as $index => $allowance)
                        <tr>
                            <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $allowance['beneficiary_name'] ?? 'Not specified' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ number_format($allowance['amount'] ?? 0, 2) }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $allowance['duration'] ?? 'Not specified' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $allowance['conditions'] ?? 'N/A' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <p class="text-gray-500">[No monthly allowances specified]</p>
                @endif
            </div>

            <!-- Clause VIII: Specific Gifts -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">NINTH: SPECIFIC GIFTS</h2>
                @if(!empty($gifts) && count($gifts) > 0)
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I hereby give and bequeath the following specific gifts:
                </p>
                <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 40%;">Description</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 30%;">Recipient</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 14%;">Value (RM)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($gifts as $index => $gift)
                        <tr>
                            <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $gift['description'] ?? 'Gift' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $gift['recipient_name'] ?? 'Not specified' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ number_format($gift['value'] ?? 0, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <p class="text-gray-500">[No specific gifts specified]</p>
                @endif
            </div>

            <!-- Clause IX: Charitable Donations -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">TENTH: CHARITABLE DONATIONS</h2>
                @if(!empty($donations) && count($donations) > 0)
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I hereby give and bequeath the following charitable donations:
                </p>
                <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 40%;">Organization</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 17%;">Percentage</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 25%;">Purpose</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($donations as $index => $donation)
                        <tr>
                            <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $donation['organization'] ?? 'Organization' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $donation['percentage'] ?? '0' }}%</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $donation['purpose'] ?? 'General' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <p class="text-gray-500">[No charitable donations specified]</p>
                @endif
            </div>

            <!-- Clause X: Appointment of Trustees -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">ELEVENTH: APPOINTMENT OF TRUSTEES</h2>
                @if(!empty($trustees) && count($trustees) > 0)
                <p class="text-justify mb-4" style="text-indent: 50px;">
                    I hereby appoint the following person(s) as Trustee(s) of this my Will to manage and administer my estate in accordance with the provisions herein contained:
                </p>
                <table class="w-full mb-4" style="border-collapse: collapse; font-size: 11pt;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 40%;">Full Name</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 27%;">NRIC/Passport</th>
                            <th style="border: 1px solid black; padding: 8px; text-align: left; width: 15%;">Phone</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($trustees as $index => $trustee)
                        <tr>
                            <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ strtoupper($trustee['full_name'] ?? 'Not specified') }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $trustee['ic'] ?? '_________________________' }}</td>
                            <td style="border: 1px solid black; padding: 8px;">{{ $trustee['phone'] ?? 'N/A' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <p class="text-gray-500">[No trustees appointed]</p>
                @endif
            </div>

            <!-- Clause XI: Residual Estate -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">TWELFTH: RESIDUAL ESTATE</h2>
                <p class="text-justify" style="text-indent: 50px;">
                    All the rest, residue and remainder of my estate, both real and personal, of whatsoever nature and wheresoever situated, which I may own or be entitled to at the time of my death, and which is not otherwise effectively disposed of by this my Will, I give, devise and bequeath unto my beneficiaries as specified herein, in the proportions hereinbefore indicated.
                </p>
            </div>

            <!-- Clause XII: Funeral Arrangements -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">THIRTEENTH: FUNERAL ARRANGEMENTS</h2>
                <p class="text-justify" style="text-indent: 50px;">
                    I direct that my funeral and burial arrangements be made in a manner befitting my station in life, and that all reasonable expenses thereof be paid from my estate as a first charge thereon.
                </p>
            </div>

            <!-- Clause XIII: Dispute Resolution -->
            <div class="mb-8">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">FOURTEENTH: DISPUTE RESOLUTION</h2>
                <p class="text-justify" style="text-indent: 50px;">
                    In the event of any dispute arising from the interpretation or administration of this my Will, I direct that the laws of Malaysia shall govern, and the Courts of Malaysia shall have exclusive jurisdiction to determine any such dispute.
                </p>
            </div>

            <!-- Clause XIV: Execution -->
            <div class="mb-12">
                <h2 class="font-bold mb-4" style="font-family: 'Times New Roman', Times, serif;">FIFTEENTH: EXECUTION</h2>
                
                <!-- Signature Block -->
                <div style="text-align: center; margin-top: 60px;">
                    <h3 style="font-family: 'Times New Roman', Times, serif; font-size: 18pt; font-weight: bold; text-align: center; margin: 20px 0;">IN WITNESS WHEREOF</h3>
                    <p style="text-indent: 50px; text-align: center;">
                        I have hereunto set my hand this {{ date('d') }} day of {{ date('F') }}, {{ date('Y') }}.
                    </p>
                    <br><br>
                    <div style="border-bottom: 1px solid #000; display: inline-block; width: 200px; margin-bottom: 5px; height: 60px;"></div>
                    <p style="margin-top: 5px;"><strong>{{ strtoupper($client->full_name ?? $testator['full_name'] ?? '_________________________') }}</strong></p>
                    <p>Signature of Testator</p>
                    <p style="margin-top: 10px;">NRIC/Passport: <strong>{{ $client->ic_number ?? $testator['ic'] ?? '_________________________' }}</strong></p>
                    <p>Name: <strong>{{ strtoupper($client->full_name ?? $testator['full_name'] ?? '_________________________') }}</strong></p>
                </div>

                <div class="mt-8 p-6" style="border: 2px solid black;">
                    <p class="font-bold mb-4">Signed by the Testator:</p>
                    
                    <div class="mb-4">
                        <p class="text-2xl font-bold">{{ strtoupper($client->full_name ?? '_________________________') }}</p>
                    </div>
                    
                    <div class="mt-4">
                        <p class="font-bold">Signature of Testator</p>
                    </div>
                    
                    <div class="mt-4">
                        <p>NRIC/Passport: {{ $client->ic_number ?? '_________________________' }}</p>
                        <p>Name: {{ strtoupper($client->full_name ?? '_________________________') }}</p>
                    </div>
                </div>

                <div class="mt-8 p-6" style="border: 2px solid black;">
                    <p class="font-bold mb-4">WITNESSES:</p>
                    
                    @if(!empty($witnesses) && count($witnesses) > 0)
                    <p class="mb-4 text-justify">
                        SIGNED, PUBLISHED and DECLARED by the above-named Testator as and for their Last Will and Testament in the presence of us, who at the Testator's request and in the presence of the Testator and in the presence of each other, have hereunto subscribed our names as witnesses on the date and time stated below:
                    </p>
                    
                    <table class="w-full mt-4" style="border-collapse: collapse; font-size: 11pt;">
                        <thead>
                            <tr>
                                <th style="border: 1px solid black; padding: 8px; text-align: left; width: 8%;">No.</th>
                                <th style="border: 1px solid black; padding: 8px; text-align: left; width: 25%;">Full Name</th>
                                <th style="border: 1px solid black; padding: 8px; text-align: center; width: 20%;">Signature</th>
                                <th style="border: 1px solid black; padding: 8px; text-align: left; width: 18%;">NRIC/Passport</th>
                                <th style="border: 1px solid black; padding: 8px; text-align: left; width: 18%;">Address</th>
                                <th style="border: 1px solid black; padding: 8px; text-align: left; width: 13%;">Date & Time</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($witnesses as $index => $witness)
                            @php
                                $witnessData = is_array($witness) ? $witness : (is_object($witness) ? (array)$witness : []);
                                $witnessSignature = $witnessData['digital_signature'] ?? $witnessData['signature'] ?? null;
                                $witnessName = $witnessData['full_name'] ?? '_________________________';
                                $witnessIC = $witnessData['ic_number'] ?? $witnessData['ic'] ?? '_________________________';
                                $witnessAddress = $witnessData['address'] ?? '_________________________';
                            @endphp
                            <tr>
                                <td style="border: 1px solid black; padding: 8px;">{{ $loop->index + 1 }}</td>
                                <td style="border: 1px solid black; padding: 8px;">
                                    <p class="font-bold">{{ strtoupper($witnessName) }}</p>
                                </td>
                                <td style="border: 1px solid black; padding: 8px; text-align: center;">
                                    @if(!empty($witnessSignature))
                                        <img src="{{ $witnessSignature }}" style="max-width: 150px; max-height: 60px; border-bottom: 1px solid #000;">
                                    @else
                                        <div style="border-bottom: 1px solid #000; width: 150px; height: 40px; margin: 0 auto;"></div>
                                    @endif
                                </td>
                                <td style="border: 1px solid black; padding: 8px;">{{ $witnessIC }}</td>
                                <td style="border: 1px solid black; padding: 8px;">{{ $witnessAddress }}</td>
                                <td style="border: 1px solid black; padding: 8px;">
                                    {{ date('d-m-Y') }}<br>
                                    {{ date('h:i A') }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>

                    <div class="mt-6 p-4" style="border: 1px solid black;">
                        <p class="text-justify">
                            WE, the above-named witnesses, do hereby declare that the Testator signed and executed this Will in our presence, and we, in the presence of the Testator and in the presence of each other, have hereunto subscribed our names as witnesses.
                        </p>
                    </div>
                    @else
                    <p class="text-gray-500">[No witnesses specified]</p>
                    @endif
                </div>

                <!-- Lawyer Digital Signature Section -->
                <div class="mt-16 mb-8 p-6" style="border: 2px solid black; background-color: #f9f9f9;">
                    <h3 class="font-bold text-center mb-4" style="font-family: 'Times New Roman', Times, serif; text-transform: uppercase;">
                        Lawyer Attestation & Digital Signature
                    </h3>
                    <p class="text-justify mb-4" style="font-size: 10pt; text-indent: 30px;">
                        I, the undersigned Advocate & Solicitor of the High Court of Malaya, do hereby certify that:
                    </p>
                    <ol class="mb-4" style="font-size: 10pt; margin-left: 30px;">
                        <li>I have verified the identity of the Testator through their original NRIC/Passport;</li>
                        <li>The Testator appeared to be of sound mind and understood the nature and effect of this Will;</li>
                        <li>This Will was executed in accordance with the Wills Act 1959 (Revised 1988) of Malaysia;</li>
                        <li>I have witnessed the execution of this Will by the Testator.</li>
                    </ol>
                    
                    <div class="mt-8 grid grid-cols-2 gap-8">
                        <div>
                            <p style="font-size: 10pt; margin-bottom: 60px;">
                                <strong>Digital Signature:</strong><br>
                                <span style="font-family: 'Courier New', monospace; color: #0066cc; font-size: 9pt;">
                                    _________________________
                                </span>
                            </p>
                        </div>
                        <div>
                            <p style="font-size: 10pt; margin-bottom: 60px;">
                                <strong>Date & Time of Attestation:</strong><br>
                                {{ date('d F Y, h:i A') }}
                            </p>
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <p style="font-size: 10pt;">
                            <strong>Name of Lawyer:</strong> _________________________<br>
                            <strong>Bar Council Number:</strong> _________________________<br>
                            <strong>Firm:</strong> _________________________<br>
                            <strong>Office Address:</strong> _________________________
                        </p>
                    </div>
                    
                    <div class="mt-6 text-center">
                        <p style="font-size: 9pt; font-style: italic; color: #666;">
                            This digital signature is affixed in accordance with the Electronic Commerce Act 2006<br>
                            and the Digital Signature Act 1997 of Malaysia.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Footer -->
            <div class="mt-16 pt-8 border-t-2 border-gray-400 text-center" style="font-size: 10pt;">
                <p class="mb-2 font-bold">THIS IS A PREVIEW OF THE LAST WILL AND TESTAMENT</p>
                <p>Please review all details carefully before executing the final document.</p>
                <p class="mt-2">Will Reference: {{ $will->id }} | Generated: {{ date('d F Y, h:i A') }}</p>
            </div>
        </div>
        
    </div>

    <!-- Version info -->
    <div class="mt-4 p-4 bg-gray-50 rounded-lg">
        <div class="flex justify-between items-center">
            <div class="text-sm text-gray-600">
                <strong>Current Version:</strong> v{{ $will->version ?? 1 }} | 
                <strong>Last Updated:</strong> {{ $will->updated_at->format('M d, Y H:i') }}
            </div>
            <div class="text-sm text-gray-500">
                <i class="fas fa-info-circle mr-1"></i>
                Saving will create a new version (v{{ ($will->version ?? 1) + 1 }})
            </div>
        </div>
    </div>
</div>

<script>
    let isEdited = false;
    
    function formatText(command, value = null) {
        document.execCommand(command, false, value);
        document.getElementById('documentEditor').focus();
        markAsEdited();
    }
    
    function markAsEdited() {
        if (!isEdited) {
            isEdited = true;
            document.getElementById('saveIndicator').classList.add('show', 'saving');
            document.getElementById('saveText').textContent = 'Unsaved changes';
        }
    }
    
    function saveDocument() {
        const content = document.getElementById('documentEditor').innerHTML;
        const saveIndicator = document.getElementById('saveIndicator');
        const saveText = document.getElementById('saveText');
        
        saveIndicator.classList.remove('error');
        saveIndicator.classList.add('show', 'saving');
        saveText.textContent = 'Saving...';
        
        // Send to server
        fetch(`/agent/wills/{{ $will->id }}/save-document`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
            },
            body: JSON.stringify({ content: content })
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                isEdited = false;
                saveIndicator.classList.remove('saving');
                saveText.textContent = 'Saved';
                setTimeout(() => {
                    saveIndicator.classList.remove('show');
                }, 2000);
                alert('Document saved successfully!');
            } else {
                throw new Error(data.message);
            }
        })
        .catch(error => {
            saveIndicator.classList.add('error');
            saveText.textContent = 'Error saving';
            alert('Error saving document: ' + error.message);
        });
    }
    
    function downloadWord() {
        window.location.href = '{{ route("agent.wills.download", $will) }}';
    }
    
    function printDocument() {
        window.print();
    }
    
    // Auto-save indicator
    setInterval(() => {
        if (isEdited) {
            const saveText = document.getElementById('saveText');
            if (saveText.textContent === 'Unsaved changes') {
                saveText.textContent = 'Auto-saving...';
                // Optionally auto-save here
            }
        }
    }, 30000); // Check every 30 seconds
    
    // Warn before leaving if unsaved
    window.onbeforeunload = function() {
        if (isEdited) {
            return 'You have unsaved changes. Are you sure you want to leave?';
        }
    };
</script>
@endsection