@extends('layouts.portal')

@section('title', 'Create New Trust - Step 2')
@section('page_title', 'Create New Trust - Step 2')

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

@section('content')
    <!-- Modern Header with Gradient Colors and Bubble Design (RED THEME - MATCHING APP STYLE) -->
    <div class="bg-gradient-to-r from-red-700 via-red-800 to-red-900 border-b border-red-700 p-8 relative overflow-hidden sticky top-0 z-50">
        <!-- Decorative Bubbles -->
        <div class="absolute top-0 right-0 w-64 h-64 bg-white rounded-full -mr-32 -mt-32 opacity-10"></div>
        
        <div class="w-full relative z-10">
            <div class="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-6">
                <div class="flex items-center gap-5">
                    <div class="w-16 h-16 bg-white rounded-xl flex items-center justify-center shadow-lg border border-red-200">
                        <i class="fas fa-file-contract text-red-600 text-2xl"></i>
                    </div>
                    <div>
                        <h1 class="text-3xl font-semibold text-white tracking-wide" style="font-family: 'Inter', sans-serif;">Create New Trust</h1>
                        <p class="text-red-100 mt-1" style="font-family: 'Inter', sans-serif;">Enter Trust Details - Step 2 of 2</p>
                    </div>
                </div>
                <div class="flex items-center gap-3">
                    <div class="text-right">
                        <p class="text-sm text-red-200" style="font-family: 'Inter', sans-serif;">Progress</p>
                        <p class="text-lg font-bold text-white" style="font-family: 'Inter', sans-serif;">Step 2 of 2</p>
                    </div>
                    <div class="w-32 bg-red-800 h-2 rounded-full overflow-hidden">
                        <div class="bg-white h-2" style="width: 100%"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Breadcrumb with Top Space -->
    <div class="w-full px-8 mb-6 pt-8">
        <div class="flex items-center text-sm text-gray-600" style="font-family: 'Inter', sans-serif;">
            <a href="{{ route('agent.trusts.index') }}" class="hover:text-gray-900">My Trusts</a>
            <i class="fas fa-chevron-right mx-2 text-xs"></i>
            <span class="text-gray-900">Create Trust</span>
        </div>
    </div>

    <!-- Error Messages -->
    @if($errors->any())
        <div class="max-w-6xl mx-auto px-8 mb-6">
            <div style="background: #fff5f5; border-left: 4px solid #dc2626; padding: 16px; border-radius: 8px; display: flex; gap: 12px; align-items: flex-start;">
                <i class="fas fa-exclamation-circle" style="color: #dc2626; margin-top: 2px; flex-shrink: 0;"></i>
                <div>
                    <strong style="color: #dc2626;">Please correct the following errors:</strong>
                    <ul style="list-style: none; padding: 0; margin: 8px 0 0 0;">
                        @foreach($errors->all() as $error)
                            <li style="color: #991b1b; font-size: 14px; margin-top: 4px;">{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif

    <div class="max-w-6xl mx-auto">
        <div class="bg-white rounded-xl shadow-lg border border-gray-100 p-8 relative overflow-hidden mb-8">
            <!-- Decorative Bubbles -->
            <div class="absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-red-100 to-red-200 rounded-full -mr-16 -mt-16 opacity-30"></div>
            
            <div class="relative z-10">
                <!-- Section Header -->
                <div class="mb-8">
                    <div class="flex items-center gap-3 mb-6">
                        <div class="w-12 h-12 bg-green-200 rounded-xl flex items-center justify-center shadow-lg border border-green-200">
                            <i class="fas fa-check text-white text-xl"></i>
                        </div>
                        <div>
                            <h3 class="text-2xl font-bold text-gray-700" style="font-family: 'Inter', sans-serif;">Step 1 - Personal Details</h3>
                            <p class="text-gray-600 text-lg" style="font-family: 'Inter', sans-serif;">Trustor and Creator information (Completed)</p>
                        </div>
                    </div>

                    <!-- Summary of Step 1 -->
                    <div class="mb-6 p-6 bg-gradient-to-r from-green-50 to-emerald-50 rounded-xl border-2 border-green-200">
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div>
                                <p class="text-sm font-semibold text-gray-600">Trustor Name:</p>
                                <p class="text-gray-900 font-medium">{{ $step1Data['first_name'] ?? 'N/A' }} {{ $step1Data['last_name'] ?? '' }}</p>
                            </div>
                            <div>
                                <p class="text-sm font-semibold text-gray-600">Creator Name:</p>
                                <p class="text-gray-900 font-medium">{{ $step1Data['creator_first_name'] ?? 'N/A' }} {{ $step1Data['creator_last_name'] ?? '' }}</p>
                            </div>
                            <div>
                                <p class="text-sm font-semibold text-gray-600">Trustor NRIC:</p>
                                <p class="text-gray-900 font-medium">{{ $step1Data['nric'] ?? 'N/A' }}</p>
                            </div>
                            <div>
                                <p class="text-sm font-semibold text-gray-600">Creator NRIC:</p>
                                <p class="text-gray-900 font-medium">{{ $step1Data['creator_nric'] ?? 'N/A' }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="bg-white rounded-xl shadow-lg border border-gray-100 p-8 relative overflow-hidden">
            <!-- Decorative Bubbles -->
            <div class="absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-red-100 to-red-200 rounded-full -mr-16 -mt-16 opacity-30"></div>
            <div class="absolute bottom-0 left-0 w-24 h-24 bg-gradient-to-br from-red-50 to-red-100 rounded-full -ml-12 -mb-12 opacity-20"></div>
            
            <div class="relative z-10">
                <!-- Section Header -->
                <div class="mb-8">
                    <div class="flex items-center gap-3 mb-6">
                        <div class="w-12 h-12 bg-red-200 rounded-xl flex items-center justify-center shadow-lg border border-red-200">
                            <i class="fas fa-file-contract text-white text-xl"></i>
                        </div>
                        <div>
                            <h3 class="text-2xl font-bold text-gray-700" style="font-family: 'Inter', sans-serif;">Trust Details</h3>
                            <p class="text-gray-600 text-lg" style="font-family: 'Inter', sans-serif;">Provide trust name, type and other key information</p>
                        </div>
                    </div>

                    <!-- Info Box -->
                    <div class="mb-6 p-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl border-2 border-blue-200 shadow-lg">
                        <div class="flex items-start gap-3">
                            <i class="fas fa-info-circle text-blue-600 text-lg mt-1"></i>
                            <div>
                                <p class="text-white font-medium">Complete the trust information below.</p>
                                <p class="text-white text-sm mt-1">All fields marked with <span class="text-red-600">*</span> are required.</p>
                            </div>
                        </div>
                    </div>

                    <!-- Form -->
                    <form action="{{ route('agent.trusts.store') }}" method="POST" class="space-y-6">
                        @csrf
                        <!-- Hidden field to preserve client_id in case session expires -->
                        <input type="hidden" name="client_id" value="{{ $step1Data['client_id'] ?? $client->id ?? '' }}">

                        <!-- Trust Type Section -->
                        <div class="bg-white rounded-xl p-6 border-2 border-gray-100 shadow-md">
                            <div class="flex items-center mb-6">
                                <div class="w-8 h-8 bg-white rounded-full flex items-center justify-center text-red-600 font-bold mr-3 border-2 border-red-200">1</div>
                                <h4 class="text-md font-semibold text-gray-800">Trust Type</h4>
                            </div>

                            <div class="space-y-4">
                                <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                    <i class="fas fa-list text-red-500 mr-2"></i>Select Trust Type <span class="text-red-500">*</span>
                                </label>
                                <div class="relative">
                                    <select name="trust_type" required
                                            class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('trust_type') border-red-500 @enderror"
                                            style="font-family: 'Inter', sans-serif;">
                                        <option value="">-- Select Trust Type --</option>
                                        @foreach($trustTypes as $key => $label)
                                            <option value="{{ $key }}" {{ (old('trust_type') === $key || (isset($existingTrust) && ($existingTrust->trust_type === $key || $existingTrust->trust_type === str_replace('_trust', '', str_replace('living', 'living_trust', $key))))) ? 'selected' : '' }}>
                                                {{ $label }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <i class="fas fa-list absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                </div>
                                @error('trust_type')
                                    <div class="text-red-600 mt-2 text-sm">
                                        <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>

                        <!-- Trust Name Section -->
                        <div class="bg-white rounded-xl p-6 border-2 border-gray-100 shadow-md">
                            <div class="flex items-center mb-6">
                                <div class="w-8 h-8 bg-white rounded-full flex items-center justify-center text-red-600 font-bold mr-3 border-2 border-red-200">2</div>
                                <h4 class="text-md font-semibold text-gray-800">Trust Name</h4>
                            </div>

                            <div class="space-y-4">
                                <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                    <i class="fas fa-heading text-red-500 mr-2"></i>Trust Name <span class="text-red-500">*</span>
                                </label>
                                <div class="relative">
                                    <input type="text" name="trust_name" required
                                           value="{{ old('trust_name', isset($existingTrust) ? $existingTrust->trust_name : '') }}"
                                           class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('trust_name') border-red-500 @enderror"
                                           placeholder="e.g., Smith Family Trust" style="font-family: 'Inter', sans-serif;">
                                    <i class="fas fa-heading absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                </div>
                                @error('trust_name')
                                    <div class="text-red-600 mt-2 text-sm">
                                        <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>

                        <!-- Trust Deed Date & Purpose Section -->
                        <div class="bg-white rounded-xl p-6 border-2 border-gray-100 shadow-md">
                            <div class="flex items-center mb-6">
                                <div class="w-8 h-8 bg-white rounded-full flex items-center justify-center text-red-600 font-bold mr-3 border-2 border-red-200">3</div>
                                <h4 class="text-md font-semibold text-gray-800">Additional Information</h4>
                            </div>

                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                <!-- Trust Deed Date -->
                                <div class="space-y-4">
                                    <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-calendar text-red-500 mr-2"></i>Trust Deed Date
                                    </label>
                                    <div class="relative">
                                        <input type="date" name="trust_deed_date"
                                               value="{{ old('trust_deed_date', isset($existingTrust) && $existingTrust->creation_date ? $existingTrust->creation_date : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('trust_deed_date') border-red-500 @enderror"
                                               style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-calendar absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('trust_deed_date')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>

                                <!-- Initial Value -->
                                <div class="space-y-4">
                                    <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-money-bill text-red-500 mr-2"></i>Initial Value (Optional)
                                    </label>
                                    <div class="relative">
                                        <input type="number" name="initial_value" step="0.01" min="0"
                                               value="{{ old('initial_value', isset($existingTrust) && $existingTrust->package_price ? $existingTrust->package_price : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('initial_value') border-red-500 @enderror"
                                               placeholder="0.00" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-money-bill absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('initial_value')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Trust Lifetime Section -->
                        <div class="bg-white rounded-xl p-6 border-2 border-gray-100 shadow-md">
                            <div class="flex items-center mb-6">
                                <div class="w-8 h-8 bg-white rounded-full flex items-center justify-center text-red-600 font-bold mr-3 border-2 border-red-200">4</div>
                                <h4 class="text-md font-semibold text-gray-800">Trust Duration</h4>
                            </div>

                            <div class="space-y-4">
                                <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                    <i class="fas fa-hourglass text-red-500 mr-2"></i>Trust Lifetime <span class="text-red-500">*</span>
                                </label>

                                <!-- Trust Lifetime Options -->
                                <div class="space-y-3">
                                    <label class="flex items-center p-3 border-2 border-gray-200 rounded-lg cursor-pointer hover:border-red-300 transition-colors">
                                        <input type="radio" name="trust_lifetime" value="perpetuity" {{ (old('trust_lifetime', isset($existingTrust) ? $existingTrust->trust_lifetime : '') === 'perpetuity') ? 'checked' : '' }} class="w-4 h-4 text-red-600">
                                        <span class="ml-3 text-gray-900 font-medium">Perpetuity (Forever)</span>
                                    </label>
                                    <label class="flex items-center p-3 border-2 border-gray-200 rounded-lg cursor-pointer hover:border-red-300 transition-colors">
                                        <input type="radio" name="trust_lifetime" value="until_funds_utilized" {{ (old('trust_lifetime', isset($existingTrust) ? $existingTrust->trust_lifetime : '') === 'until_funds_utilized') ? 'checked' : '' }} class="w-4 h-4 text-red-600">
                                        <span class="ml-3 text-gray-900 font-medium">Until Funds Utilized</span>
                                    </label>
                                    <label class="flex items-center p-3 border-2 border-gray-200 rounded-lg cursor-pointer hover:border-red-300 transition-colors">
                                        <input type="radio" name="trust_lifetime" value="number_of_years" {{ (old('trust_lifetime', isset($existingTrust) ? $existingTrust->trust_lifetime : '') === 'number_of_years') ? 'checked' : '' }} class="w-4 h-4 text-red-600">
                                        <span class="ml-3 text-gray-900 font-medium">Specific Number of Years</span>
                                    </label>
                                </div>

                                <!-- Years Field (shown if number_of_years is selected) -->
                                <div id="yearsField" style="display: {{ (old('trust_lifetime', isset($existingTrust) ? $existingTrust->trust_lifetime : '') === 'number_of_years') ? 'block' : 'none' }};">
                                    <label class="block text-base font-medium text-gray-700 mb-3 mt-4" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-calendar text-red-500 mr-2"></i>Number of Years <span class="text-red-500">*</span>
                                    </label>
                                    <div class="relative">
                                        <input type="number" name="trust_years" min="1" max="100"
                                               value="{{ old('trust_years', isset($existingTrust) ? $existingTrust->fixed_years : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('trust_years') border-red-500 @enderror"
                                               placeholder="Enter number of years" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-calendar absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('trust_years')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>

                                @error('trust_lifetime')
                                    <div class="text-red-600 mt-2 text-sm">
                                        <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>

                        <!-- Purpose Section -->
                        <div class="bg-white rounded-xl p-6 border-2 border-gray-100 shadow-md">
                            <div class="flex items-center mb-6">
                                <div class="w-8 h-8 bg-white rounded-full flex items-center justify-center text-red-600 font-bold mr-3 border-2 border-red-200">5</div>
                                <h4 class="text-md font-semibold text-gray-800">Purpose</h4>
                            </div>

                            <div class="space-y-4">
                                <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                    <i class="fas fa-comment text-red-500 mr-2"></i>Trust Purpose (Optional)
                                </label>
                                <div class="relative">
                                    <textarea name="purpose" rows="3"
                                              class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white resize-none text-base @error('purpose') border-red-500 @enderror"
                                              placeholder="Describe the purpose of this trust" style="font-family: 'Inter', sans-serif;">{{ old('purpose', isset($existingTrust) ? $existingTrust->trust_purpose : '') }}</textarea>
                                    <i class="fas fa-comment absolute left-4 top-3 text-gray-400 text-lg"></i>
                                </div>
                                @error('purpose')
                                    <div class="text-red-600 mt-2 text-sm">
                                        <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>

                        <!-- Will State Details Section -->
                        <div class="bg-white rounded-xl p-6 border-2 border-gray-100 shadow-md">
                            <div class="flex items-center mb-6">
                                <div class="w-8 h-8 bg-white rounded-full flex items-center justify-center text-red-600 font-bold mr-3 border-2 border-red-200">6</div>
                                <h4 class="text-md font-semibold text-gray-800"> Do you have Will (State Details)</h4>
                            </div>

                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                <!-- Will Date -->
                                <div class="space-y-4">
                                    <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-calendar text-red-500 mr-2"></i>Will Date (Optional)
                                    </label>
                                    <div class="relative">
                                        <input type="date" name="will_date"
                                               value="{{ old('will_date', isset($existingTrust) && $existingTrust->will_date ? $existingTrust->will_date->format('Y-m-d') : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('will_date') border-red-500 @enderror"
                                               style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-calendar absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('will_date')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>

                                <!-- Will Number -->
                                <div class="space-y-4">
                                    <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-file-invoice text-red-500 mr-2"></i>Will Number (Optional)
                                    </label>
                                    <div class="relative">
                                        <input type="text" name="will_number"
                                               value="{{ old('will_number', isset($existingTrust) ? $existingTrust->will_number : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('will_number') border-red-500 @enderror"
                                               placeholder="e.g., W-2024-001234" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-file-invoice absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('will_number')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>

                                <!-- Company Name -->
                                <div class="space-y-4">
                                    <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-building text-red-500 mr-2"></i>Company Name (Optional)
                                    </label>
                                    <div class="relative">
                                        <input type="text" name="company_name"
                                               value="{{ old('company_name', isset($existingTrust) ? $existingTrust->will_company : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('company_name') border-red-500 @enderror"
                                               placeholder="e.g., Smith & Associates" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-building absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('company_name')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>

                                <!-- Telephone Number -->
                                <div class="space-y-4">
                                    <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-phone text-red-500 mr-2"></i>Telephone Number (Optional)
                                    </label>
                                    <div class="relative">
                                        <input type="tel" name="telephone_number"
                                               value="{{ old('telephone_number', isset($existingTrust) ? $existingTrust->will_phone : '') }}"
                                               class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white text-base @error('telephone_number') border-red-500 @enderror"
                                               placeholder="e.g., +1 (555) 123-4567" style="font-family: 'Inter', sans-serif;">
                                        <i class="fas fa-phone absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
                                    </div>
                                    @error('telephone_number')
                                        <div class="text-red-600 mt-2 text-sm">
                                            <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Address Section -->
                            <div class="space-y-4 mt-6">
                                <label class="block text-base font-medium text-gray-700 mb-3" style="font-family: 'Inter', sans-serif;">
                                    <i class="fas fa-map-marker-alt text-red-500 mr-2"></i>Address (Optional)
                                </label>
                                <div class="relative">
                                    <textarea name="address" rows="3"
                                              class="w-full pl-12 pr-4 py-4 border border-gray-300 rounded-xl focus:ring-4 focus:ring-red-100 focus:border-red-500 text-gray-900 bg-white resize-none text-base @error('address') border-red-500 @enderror"
                                              placeholder="Enter full address including street, city, state, zip code" style="font-family: 'Inter', sans-serif;">{{ old('address', isset($existingTrust) ? $existingTrust->will_address : '') }}</textarea>
                                    <i class="fas fa-map-marker-alt absolute left-4 top-3 text-gray-400 text-lg"></i>
                                </div>
                                @error('address')
                                    <div class="text-red-600 mt-2 text-sm">
                                        <i class="fas fa-exclamation-circle mr-1"></i>{{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>

                        <!-- Form Actions -->
                        <div class="flex flex-col md:flex-row gap-4 justify-between mt-8 pt-6 border-t-2 border-gray-100">
                            <a href="{{ route('agent.trusts.create', ['client' => $client->id]) }}" class="px-6 py-3 border border-gray-300 text-gray-700 rounded-xl hover:bg-gray-50 transition-colors font-medium text-center">
                                <i class="fas fa-arrow-left mr-2"></i>Back: Edit Details
                            </a>
                            <button type="submit" class="px-6 py-3 bg-gradient-to-r from-red-600 to-red-700 text-white rounded-xl hover:from-red-700 hover:to-red-800 transition-all font-medium shadow-lg">
                                <i class="fas fa-check mr-2"></i>Create Trust
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        // Show/hide years field based on trust_lifetime selection
        document.querySelectorAll('input[name="trust_lifetime"]').forEach(radio => {
            radio.addEventListener('change', function() {
                const yearsField = document.getElementById('yearsField');
                yearsField.style.display = this.value === 'number_of_years' ? 'block' : 'none';
            });
        });
    </script>
@endsection