@extends('layouts.portal')

@section('title', 'Existing Will or Trust')
@section('page_title', 'Existing Will or Trust')
@section('page_subtitle', 'Do you have an existing Will or Trust? If yes, please give details here:')

@section('sidebar')
    @include('client.partials.onboarding-sidebar', ['step' => 6, 'client' => $client])
@endsection

@section('content')
    <div class="bg-white rounded-xl shadow-sm p-8">
        <form action="{{ route('client.will.existing.store') }}" method="POST">
            @csrf
            
            <div class="space-y-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Was written on (date):</label>
                    <input type="text" name="existing_will[written_on]" placeholder="dd-mm-yyyy" 
                           class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 focus:border-cyan-400 outline-none transition-all"
                           value="{{ old('existing_will.written_on', $willData['existing_will']['written_on'] ?? '') }}">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Contact person:</label>
                    <input type="text" name="existing_will[contact_person]" placeholder="Enter contact person name" 
                           class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 focus:border-cyan-400 outline-none transition-all"
                           value="{{ old('existing_will.contact_person', $willData['existing_will']['contact_person'] ?? '') }}">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Company name:</label>
                    <input type="text" name="existing_will[company_name]" placeholder="Enter company name" 
                           class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 focus:border-cyan-400 outline-none transition-all"
                           value="{{ old('existing_will.company_name', $willData['existing_will']['company_name'] ?? '') }}">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Address:</label>
                    <textarea name="existing_will[address]" rows="3" placeholder="Enter address" 
                              class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 focus:border-cyan-400 outline-none transition-all">{{ old('existing_will.address', $willData['existing_will']['address'] ?? '') }}</textarea>
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Contact tel.:</label>
                    <input type="text" name="existing_will[contact_tel]" placeholder="Enter phone number" 
                           class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 focus:border-cyan-400 outline-none transition-all"
                           value="{{ old('existing_will.contact_tel', $willData['existing_will']['contact_tel'] ?? '') }}">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">I hereby authorise OctoWill to receive original of my last will, testament or trust from above service provider whenever necessary.</label>
                    <p class="text-sm text-gray-600 mb-2">Testator / grantor / settlor's signature:</p>
                    <input type="text" name="existing_will[signature]" placeholder="Enter signature" 
                           class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 focus:border-cyan-400 outline-none transition-all"
                           value="{{ old('existing_will.signature', $willData['existing_will']['signature'] ?? '') }}">
                </div>
            </div>
            
            <div class="flex justify-between mt-8">
                <a href="{{ route('client.will.assets') }}" class="px-8 py-3 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 font-medium">
                    <i class="fas fa-arrow-left mr-2"></i> Back to Assets
                </a>
                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-medium inline-flex items-center">
                    Continue to Trustees
                    <i class="fas fa-arrow-right ml-2"></i>
                </button>
            </div>
        </form>
    </div>
@endsection