@extends('layouts.portal')

@section('title', 'Completed Wills & Trusts')
@section('page_title', 'Completed Wills & Trusts')
@section('page_subtitle', 'View all your completed legal documents')

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

@section('content')
    <div class="max-w-7xl mx-auto">
        <!-- Header -->
        <div class="mb-8">
            <div class="flex items-center justify-between">
                <div>
                    <h2 class="text-2xl font-bold text-gray-800 mb-2">Completed Wills & Trusts</h2>
                    <p class="text-gray-600">View and download your completed legal documents</p>
                </div>
                <a href="{{ route('client.will.status') }}" class="bg-gray-600 text-white px-6 py-3 rounded-lg font-medium inline-flex items-center hover:bg-gray-700">
                    <i class="fas fa-arrow-left mr-2"></i> Back to Status
                </a>
            </div>
        </div>

        <!-- Completed Wills Section -->
        @if($completedWills->count() > 0)
            <div class="mb-8">
                <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
                    <i class="fas fa-file-contract text-blue-600 mr-2"></i>
                    Completed Wills ({{ $completedWills->count() }})
                </h3>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    @foreach($completedWills as $will)
                        <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-200 hover:shadow-xl transition-shadow">
                            <div class="flex items-center justify-between mb-4">
                                <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
                                    <i class="fas fa-file-contract text-blue-600"></i>
                                </div>
                                <span class="bg-green-100 text-green-800 text-xs font-bold px-3 py-1 rounded-full">
                                    COMPLETED
                                </span>
                            </div>
                            
                            <h4 class="text-lg font-semibold text-gray-800 mb-2">
                                {{ $will->will_type === 'individual' ? 'Individual Will' : 'Trust Will' }}
                            </h4>
                            
                            <div class="text-sm text-gray-600 mb-4">
                                <p><strong>Created:</strong> {{ $will->created_at->format('d M Y') }}</p>
                                <p><strong>Completed:</strong> {{ $will->updated_at->format('d M Y') }}</p>
                                <p><strong>Type:</strong> {{ ucfirst($will->will_type) }}</p>
                            </div>
                            
                            <div class="flex gap-2">
                                <a href="{{ route('client.will.document', $will) }}" class="flex-1 bg-green-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-green-700 text-center">
                                    <i class="fas fa-file-contract mr-1"></i> View Document
                                </a>
                                <a href="{{ route('client.will.view', $will) }}" class="flex-1 bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 text-center">
                                    <i class="fas fa-eye mr-1"></i> Details
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

        <!-- Completed Trusts Section -->
        @if($completedTrusts->count() > 0)
            <div class="mb-8">
                <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
                    <i class="fas fa-shield-alt text-amber-600 mr-2"></i>
                    Completed Trusts ({{ $completedTrusts->count() }})
                </h3>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    @foreach($completedTrusts as $trust)
                        <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-200 hover:shadow-xl transition-shadow">
                            <div class="flex items-center justify-between mb-4">
                                <div class="w-12 h-12 bg-amber-100 rounded-full flex items-center justify-center">
                                    <i class="fas fa-shield-alt text-amber-600"></i>
                                </div>
                                <span class="bg-green-100 text-green-800 text-xs font-bold px-3 py-1 rounded-full">
                                    COMPLETED
                                </span>
                            </div>
                            
                            <h4 class="text-lg font-semibold text-gray-800 mb-2">
                                {{ $trust->trust_name }}
                            </h4>
                            
                            <div class="text-sm text-gray-600 mb-4">
                                <p><strong>Type:</strong> {{ ucfirst($trust->trust_type) }}</p>
                                <p><strong>Created:</strong> {{ $trust->created_at->format('d M Y') }}</p>
                                <p><strong>Completed:</strong> {{ $trust->updated_at->format('d M Y') }}</p>
                            </div>
                            
                            <div class="flex gap-2">
                                <a href="{{ route('client.trust.view', $trust) }}" class="flex-1 bg-green-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-green-700 text-center">
                                    <i class="fas fa-eye mr-1"></i> View Trust
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

        <!-- Empty State -->
        @if($completedWills->count() == 0 && $completedTrusts->count() == 0)
            <div class="bg-white rounded-xl shadow-sm p-12 text-center">
                <div class="w-20 h-20 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-6">
                    <i class="fas fa-check-circle text-gray-400 text-3xl"></i>
                </div>
                <h3 class="text-xl font-medium text-gray-800 mb-4">No Completed Documents Yet</h3>
                <p class="text-gray-600 mb-8">You haven't completed any wills or trusts yet. Complete your documents to see them here.</p>
                <div class="flex justify-center gap-4">
                    <a href="{{ route('client.will.status') }}" class="bg-blue-600 text-white px-6 py-3 rounded-lg font-medium inline-flex items-center hover:bg-blue-700">
                        <i class="fas fa-list mr-2"></i> View Document Status
                    </a>
                    <a href="{{ route('client.will.type') }}" class="bg-green-600 text-white px-6 py-3 rounded-lg font-medium inline-flex items-center hover:bg-green-700">
                        <i class="fas fa-plus mr-2"></i> Create New Will
                    </a>
                </div>
            </div>
        @endif
    </div>
@endsection