@extends('layouts.portal')

@section('title', 'Will & Trust Status')
@section('page_title', 'Will & Trust Status')
@section('page_subtitle', 'Track the progress of your wills and trusts')

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

@section('content')
    <!-- Modern Header with Gradient -->
    <div class="bg-gradient-to-r from-blue-600 via-purple-600 to-blue-800 rounded-2xl p-8 mb-8 text-white">
        <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
            <div>
                <h1 class="text-3xl font-bold mb-2">Will & Trust Status</h1>
                <p class="text-blue-100 text-lg">Monitor your estate planning journey with real-time updates</p>
                <div class="flex items-center gap-4 mt-4 text-sm">
                    <div class="flex items-center gap-2">
                        <div class="w-3 h-3 bg-green-400 rounded-full animate-pulse"></div>
                        <span>Last updated: {{ now()->format('M d, Y H:i') }}</span>
                    </div>
                </div>
            </div>
            <div class="flex flex-col sm:flex-row gap-3">
                <a href="{{ route('client.trust.page1') }}" class="bg-gradient-to-r from-amber-500 to-orange-500 text-white px-6 py-3 rounded-xl font-semibold inline-flex items-center hover:from-amber-600 hover:to-orange-600 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
                    <i class="fas fa-shield-alt mr-2"></i> Create Trust
                </a>
                <!-- Create Will button removed - only staff can create wills -->
            </div>
        </div>
    </div>

    <!-- Enhanced Status Overview Cards -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
        <!-- Total Wills Card -->
        <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm hover:shadow-md transition-all duration-300">
            <div class="flex items-center justify-between mb-4">
                <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white">
                    <i class="fas fa-file-contract text-lg" style="color: #ffffff !important;"></i>
                </div>
                <div class="text-right">
                    <p class="text-2xl font-bold text-gray-800">{{ $wills->count() }}</p>
                </div>
            </div>
            <h3 class="font-semibold text-gray-800 mb-1">Total Wills</h3>
            <p class="text-sm text-gray-500">Active will documents</p>
        </div>

        <!-- Total Trusts Card -->
        <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm hover:shadow-md transition-all duration-300">
            <div class="flex items-center justify-between mb-4">
                <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-amber-500 to-orange-500 flex items-center justify-center text-white">
                    <i class="fas fa-shield-alt text-lg"></i>
                </div>
                <div class="text-right">
                    <p class="text-2xl font-bold text-gray-800">{{ $trusts->count() }}</p>
                </div>
            </div>
            <h3 class="font-semibold text-gray-800 mb-1">Total Trusts</h3>
            <p class="text-sm text-gray-500">Trust arrangements</p>
        </div>

        <!-- In Progress Card -->
        <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm hover:shadow-md transition-all duration-300">
            <div class="flex items-center justify-between mb-4">
                <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-yellow-500 to-orange-500 flex items-center justify-center text-white">
                    <i class="fas fa-clock text-lg"></i>
                </div>
                <div class="text-right">
                    <p class="text-2xl font-bold text-gray-800">{{ $wills->where('status', 'new')->count() + $trusts->where('status', 'pending_review')->count() }}</p>
                </div>
            </div>
            <h3 class="font-semibold text-gray-800 mb-1">In Progress</h3>
            <p class="text-sm text-gray-500">Awaiting completion</p>
        </div>

        <!-- Completed Card -->
        <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm hover:shadow-md transition-all duration-300">
            <div class="flex items-center justify-between mb-4">
                <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-green-500 to-emerald-500 flex items-center justify-center text-white">
                    <i class="fas fa-check-circle text-lg"></i>
                </div>
                <div class="text-right">
                    <p class="text-2xl font-bold text-gray-800">{{ $wills->where('status', 'completed')->count() + $trusts->where('status', 'completed')->count() }}</p>
                </div>
            </div>
            <h3 class="font-semibold text-gray-800 mb-1">Completed</h3>
            <p class="text-sm text-gray-500">Ready to use</p>
        </div>
    </div>

    <!-- Payment & Status Overview -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
        <!-- Payment Status Card -->
        <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm">
            <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
                <i class="fas fa-credit-card text-blue-500 mr-2"></i>
                Payment Status
            </h3>
            <div class="space-y-4">
                <div class="flex justify-between items-center p-3 bg-orange-50 rounded-lg border border-orange-200">
                    <div class="flex items-center">
                        <div class="w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center mr-3">
                            <i class="fas fa-clock text-white text-sm"></i>
                        </div>
                        <div>
                            <p class="font-medium text-gray-800">Payment Pending</p>
                            <p class="text-sm text-gray-600">Awaiting payment</p>
                        </div>
                    </div>
                    <span class="text-lg font-bold text-orange-600">{{ $wills->whereIn('payment_status', ['pending', 'processing', 'payment_pending', 'payment_processing'])->count() }}</span>
                </div>

                <div class="flex justify-between items-center p-3 bg-green-50 rounded-lg border border-green-200">
                    <div class="flex items-center">
                        <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center mr-3">
                            <i class="fas fa-check text-white text-sm"></i>
                        </div>
                        <div>
                            <p class="font-medium text-gray-800">Payment Completed</p>
                            <p class="text-sm text-gray-600">Ready for processing</p>
                        </div>
                    </div>
                    <span class="text-lg font-bold text-green-600">{{ $wills->where('payment_status', 'paid')->count() }}</span>
                </div>
            </div>
        </div>

        <!-- Quick Actions Card -->
        <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm">
            <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
                <i class="fas fa-bolt text-purple-500 mr-2"></i>
                Quick Actions
            </h3>
            <div class="space-y-3">
                <!-- Test Will Creation removed - only staff can create wills -->
                
                <a href="{{ route('client.dashboard') }}" class="flex items-center p-3 bg-blue-600 rounded-lg border border-blue-500 hover:bg-blue-700 transition-colors duration-200">
                    <div class="w-10 h-10 bg-white rounded-lg flex items-center justify-center mr-3">
                        <i class="fas fa-tachometer-alt text-blue-600"></i>
                    </div>
                    <div>
                        <p class="font-medium text-white">Dashboard</p>
                        <p class="text-sm text-blue-100">View overall progress</p>
                    </div>
                    <i class="fas fa-arrow-right text-white ml-auto"></i>
                </a>
            </div>
        </div>
    </div>

    <!-- Modern Wills & Trusts List -->
    @if($wills->count() > 0 || $trusts->count() > 0)
        <div class="space-y-6">
            <div class="flex items-center justify-between">
                <h2 class="text-2xl font-bold text-gray-800">Your Documents</h2>
                <div class="flex items-center gap-2 text-sm text-gray-500 ml-4">
                    <span>{{ $wills->count() + $trusts->count() }} total documents</span>
                </div>
            </div>

            <!-- Wills Section -->
            @if($wills->count() > 0)
                <div class="space-y-4">
                    <h3 class="text-lg font-semibold text-gray-800 flex items-center">
                        <i class="fas fa-file-contract text-blue-500 mr-2"></i>
                        Wills ({{ $wills->count() }})
                    </h3>

                    @foreach($wills as $will)
                        <div class="bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden">
                            <!-- Header -->
                            <div class="p-6 border-b border-gray-50">
                                <div class="flex items-start justify-between mb-4">
                                    <div class="flex items-start gap-4">
                                        <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white">
                                            @if($will->status === 'dummy')
                                                <i class="fas fa-flask text-xl"></i>
                                            @else
                                                <i class="fas fa-file-contract text-xl" style="color: #ffffff !important;"></i>
                                            @endif
                                        </div>
                                        <div>
                                            <h4 class="text-lg font-semibold text-gray-800 mb-1">
                                                {{ $will->will_type === 'individual' ? 'Individual Will' : 'Trust Will' }}
                                                @if($will->status === 'dummy')
                                                    <span class="ml-2 inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                                                        <i class="fas fa-flask mr-1"></i> Test
                                                    </span>
                                                @endif
                                            </h4>
                                            <p class="text-sm text-gray-500 mb-2">
                                                Created {{ $will->created_at->format('M d, Y') }}
                                                @if($will->updated_at != $will->created_at)
                                                    • Updated {{ $will->updated_at->format('M d, Y') }}
                                                @endif
                                            </p>
                                            <div class="flex items-center gap-4 text-xs text-gray-400">
                                                <span>ID: {{ $will->id }}</span>
                                                @if($will->version)
                                                    <span>v{{ $will->version }}</span>
                                                @endif
                                                @if($will->createdBy && $will->createdBy->role)
                                                    @if($will->createdBy->role === 'staff' || $will->createdBy->role === 'admin')
                                                        <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded-full">Staff: {{ $will->createdBy->name }}</span>
                                                    @else
                                                        <span class="bg-green-100 text-green-700 px-2 py-1 rounded-full">Self Created</span>
                                                    @endif
                                                @else
                                                    <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded-full">Self Created</span>
                                                @endif
                                                @if($will->package_name)
                                                    <span>{{ $will->package_name }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <span class="px-3 py-1.5 text-xs font-semibold rounded-full {{ $will->status_badge }}">
                                        {{ App\Models\Will::getStatuses()[$will->status] }}
                                    </span>
                                </div>

                                <!-- Progress Bar -->
                                <div class="mb-4">
                                    <div class="flex items-center justify-between mb-2">
                                        <span class="text-sm font-medium text-gray-700">Progress</span>
                                        <span class="text-sm text-gray-500">{{ $will->progress_percentage ?? 25 }}%</span>
                                    </div>
                                    <div class="w-full bg-gray-200 rounded-full h-2.5">
                                        <div class="bg-gradient-to-r from-blue-500 to-purple-500 h-2.5 rounded-full transition-all duration-500" style="width: {{ $will->progress_percentage ?? 25 }}%"></div>
                                    </div>
                                </div>

                                <!-- Status Steps -->
                                <div class="grid grid-cols-2 md:grid-cols-5 gap-3">
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ in_array($will->status, ['new', 'payment_pending', 'payment_processing', 'completed']) ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-edit text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Draft</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ in_array($will->status, ['payment_pending', 'payment_processing', 'completed']) ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-paper-plane text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Submitted</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ in_array($will->payment_status, ['paid']) || $will->status == 'completed' ? 'bg-green-500' : (in_array($will->payment_status, ['pending', 'processing', 'payment_pending', 'payment_processing']) ? 'bg-orange-500' : 'bg-gray-300') }} flex items-center justify-center">
                                            @if(in_array($will->payment_status, ['pending', 'processing', 'payment_pending', 'payment_processing']))
                                                <i class="fas fa-clock text-white text-xs"></i>
                                            @elseif($will->payment_status == 'paid' || $will->status == 'completed')
                                                <i class="fas fa-check text-white text-xs"></i>
                                            @else
                                                <i class="fas fa-times text-white text-xs"></i>
                                            @endif
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Payment</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $will->status == 'completed' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-search text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Review</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $will->status == 'completed' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-check-circle text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Complete</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Content -->
                            <div class="p-6">
                                <!-- Payment Status Alert -->
                                @if(in_array($will->payment_status, ['pending', 'processing', 'payment_pending', 'payment_processing']) || in_array($will->status, ['payment_pending', 'payment_processing']))
                                    <div class="bg-gradient-to-r from-orange-50 to-amber-50 rounded-xl p-4 mb-4 border border-orange-200">
                                        <div class="flex items-center justify-between">
                                            <div class="flex items-center gap-3">
                                                <div class="w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center text-white">
                                                    @if($will->payment_status === 'processing' || $will->status === 'payment_processing')
                                                        <i class="fas fa-spinner fa-spin"></i>
                                                    @else
                                                        <i class="fas fa-clock"></i>
                                                    @endif
                                                </div>
                                                <div>
                                                    <h4 class="font-semibold text-gray-800">Payment Required</h4>
                                                    <p class="text-sm text-gray-600">Complete payment to proceed</p>
                                                </div>
                                            </div>
                                            <div class="text-right">
                                                <p class="text-xl font-bold text-orange-600">${{ number_format($will->package_price ?? 99, 2) }}</p>
                                                <p class="text-sm text-gray-500">{{ $will->package_name ?? 'Standard Package' }}</p>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <!-- Submitted After Payment -->
                                @if($will->payment_status == 'paid' && $will->status != 'completed')
                                    <div class="bg-gradient-to-r from-green-50 to-emerald-50 rounded-xl p-4 mb-4 border border-green-200">
                                        <div class="flex items-center gap-3">
                                            <div class="w-10 h-10 bg-green-500 rounded-full flex items-center justify-center text-white">
                                                <i class="fas fa-check-circle"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-semibold text-gray-800">Payment Completed</h4>
                                                <p class="text-sm text-gray-600">Your will is now under review</p>
                                            </div>
                                            <div class="ml-auto">
                                                <span class="bg-green-100 text-green-800 text-xs font-bold px-3 py-2 rounded-full">
                                                    <i class="fas fa-check mr-1"></i> SUBMITTED
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <!-- Action Buttons -->
                                <div class="flex flex-wrap gap-3">
                                    <a href="{{ route('client.will.view', $will) }}" class="bg-blue-800 px-4 py-2 rounded-lg font-medium text-sm hover:bg-blue-900 transition-colors duration-200 inline-flex items-center">
                                        <i class="fas fa-eye mr-2" style="color: #ffffff !important;"></i> <span style="color: #ffffff !important;">View Details</span>
                                    </a>
                                    @if($will->status == 'completed')
                                        <a href="{{ route('client.will.document', $will) }}" class="bg-green-50 text-green-600 px-4 py-2 rounded-lg font-medium text-sm hover:bg-green-100 transition-colors duration-200 inline-flex items-center">
                                            <i class="fas fa-file-contract mr-2"></i> Download
                                        </a>
                                    @endif
                                    @if(in_array($will->payment_status, ['pending', 'processing', 'payment_pending', 'payment_processing']) || in_array($will->status, ['payment_pending', 'payment_processing']))
                                        <a href="{{ route('client.pending-payments.show', $will) }}" class="bg-orange-500 text-white px-4 py-2 rounded-lg font-medium text-sm hover:bg-orange-600 transition-colors duration-200 inline-flex items-center">
                                            <i class="fas fa-credit-card mr-2"></i> Pay Now
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif

            <!-- Trusts Section -->
            @if($trusts->count() > 0)
                <div class="space-y-4">
                    <h3 class="text-lg font-semibold text-gray-800 flex items-center">
                        <i class="fas fa-shield-alt text-amber-500 mr-2"></i>
                        Trusts ({{ $trusts->count() }})
                    </h3>

                    @foreach($trusts as $trust)
                        <div class="bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden">
                            <!-- Header -->
                            <div class="p-6 border-b border-gray-50">
                                <div class="flex items-start justify-between mb-4">
                                    <div class="flex items-start gap-4">
                                        <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-amber-500 to-orange-500 flex items-center justify-center text-white">
                                            <i class="fas fa-shield-alt text-xl"></i>
                                        </div>
                                        <div>
                                            <h4 class="text-lg font-semibold text-gray-800 mb-1">
                                                <i class="fas fa-shield-alt text-amber-600 mr-2"></i>
                                                {{ $trust->trust_name }}
                                                <span class="ml-2 inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-amber-100 text-amber-800">
                                                    <i class="fas fa-shield-alt mr-1"></i> Trust
                                                </span>
                                            </h4>
                                            <p class="text-sm text-gray-500 mb-2">
                                                Type: {{ \App\Models\Trust::getTypes()[$trust->trust_type] ?? $trust->trust_type }}
                                                • Created {{ $trust->created_at->format('M d, Y') }}
                                                @if($trust->updated_at != $trust->created_at)
                                                    • Updated {{ $trust->updated_at->format('M d, Y') }}
                                                @endif
                                            </p>
                                            <div class="flex items-center gap-4 text-xs text-gray-400">
                                                <span>ID: {{ $trust->id }}</span>
                                                @if(isset($trust->version) && $trust->version)
                                                    <span>v{{ $trust->version }}</span>
                                                @endif
                                                @if($trust->client && $trust->client->user && $trust->client->user->role)
                                                    @if($trust->client->user->role === 'staff' || $trust->client->user->role === 'admin')
                                                        <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded-full">Staff: {{ $trust->client->user->name }}</span>
                                                    @else
                                                        <span class="bg-green-100 text-green-700 px-2 py-1 rounded-full">Self Created</span>
                                                    @endif
                                                @else
                                                    <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded-full">Self Created</span>
                                                @endif
                                                @if($trust->trust_purpose)
                                                    <span>{{ Str::limit($trust->trust_purpose, 30) }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <span class="px-3 py-1.5 text-xs font-semibold rounded-full {{ $trust->status == 'pending_review' ? 'bg-yellow-100 text-yellow-800' : ($trust->status == 'approved' ? 'bg-green-100 text-green-800' : ($trust->status == 'rejected' ? 'bg-red-100 text-red-800' : 'bg-gray-100 text-gray-800')) }}">
                                        {{ ucfirst(str_replace('_', ' ', $trust->status)) }}
                                    </span>
                                </div>

                                <!-- Trust Details Summary -->
                                <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
                                    @if($trust->trust_creator_details)
                                        @php $creator = json_decode($trust->trust_creator_details, true) @endphp
                                        <div class="bg-gray-50 rounded-lg p-3">
                                            <p class="text-xs font-medium text-gray-500 mb-1">TRUST CREATOR</p>
                                            <p class="text-sm text-gray-800 font-medium">{{ $creator['full_name'] ?? 'N/A' }}</p>
                                        </div>
                                    @endif

                                    @if($trust->administrators_details)
                                        @php $admins = json_decode($trust->administrators_details, true) @endphp
                                        <div class="bg-gray-50 rounded-lg p-3">
                                            <p class="text-xs font-medium text-gray-500 mb-1">ADMINISTRATORS</p>
                                            <p class="text-sm text-gray-800 font-medium">{{ count($admins) }} appointed</p>
                                        </div>
                                    @endif

                                    @if($trust->assets_details)
                                        @php $assets = json_decode($trust->assets_details, true) @endphp
                                        <div class="bg-gray-50 rounded-lg p-3">
                                            <p class="text-xs font-medium text-gray-500 mb-1">ASSETS</p>
                                            <p class="text-sm text-gray-800 font-medium">{{ count($assets) }} listed</p>
                                        </div>
                                    @endif
                                </div>

                                <!-- Progress Bar -->
                                <div class="mb-4">
                                    <div class="flex items-center justify-between mb-2">
                                        <span class="text-sm font-medium text-gray-700">Progress</span>
                                        <span class="text-sm text-gray-500">{{ $trust->progress_percentage ?? 25 }}%</span>
                                    </div>
                                    <div class="w-full bg-gray-200 rounded-full h-2.5">
                                        <div class="bg-gradient-to-r from-amber-500 to-orange-500 h-2.5 rounded-full transition-all duration-500" style="width: {{ $trust->progress_percentage ?? 25 }}%"></div>
                                    </div>
                                </div>

                                <!-- Status Steps -->
                                <div class="grid grid-cols-2 md:grid-cols-5 gap-3">
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $trust->status == 'new' || $trust->status == 'pending_review' || $trust->status == 'approved' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-edit text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Draft</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $trust->status == 'pending_review' || $trust->status == 'approved' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-paper-plane text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Submitted</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $trust->status == 'approved' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-search text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Review</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $trust->status == 'approved' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-check-circle text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Approved</p>
                                    </div>
                                    <div class="text-center">
                                        <div class="w-8 h-8 rounded-full mx-auto mb-2 {{ $trust->status == 'approved' ? 'bg-green-500' : 'bg-gray-300' }} flex items-center justify-center">
                                            <i class="fas fa-shield-alt text-white text-xs"></i>
                                        </div>
                                        <p class="text-xs text-gray-600 font-medium">Active</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Content -->
                            <div class="p-6">
                                <!-- Trust Payment Status -->
                                @php
                                    $packageDetails = json_decode($trust->package_details ?? '{}', true);
                                    $trustPaymentStatus = $packageDetails['payment_status'] ?? null;
                                    $trustPackagePrice = $packageDetails['price'] ?? $packageDetails['package_price'] ?? 299;
                                    $trustPackageName = $packageDetails['name'] ?? $packageDetails['package_name'] ?? 'Trust Package';
                                @endphp
                                @if($trustPaymentStatus && in_array($trustPaymentStatus, ['pending', 'processing', 'payment_pending', 'payment_processing']))
                                    <div class="bg-gradient-to-r from-orange-50 to-amber-50 rounded-xl p-4 mb-4 border border-orange-200">
                                        <div class="flex items-center justify-between">
                                            <div class="flex items-center gap-3">
                                                <div class="w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center text-white">
                                                    @if($trustPaymentStatus === 'processing')
                                                        <i class="fas fa-spinner fa-spin"></i>
                                                    @else
                                                        <i class="fas fa-clock"></i>
                                                    @endif
                                                </div>
                                                <div>
                                                    <h4 class="font-semibold text-gray-800">Trust Payment Required</h4>
                                                    <p class="text-sm text-gray-600">Complete payment to activate your trust</p>
                                                </div>
                                            </div>
                                            <div class="text-right">
                                                <p class="text-xl font-bold text-orange-600">${{ number_format($trustPackagePrice, 2) }}</p>
                                                <p class="text-sm text-gray-500">{{ $trustPackageName }}</p>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <!-- Trust Payment Completed -->
                                @if($trustPaymentStatus == 'paid' && $trust->status != 'approved')
                                    <div class="bg-gradient-to-r from-green-50 to-emerald-50 rounded-xl p-4 mb-4 border border-green-200">
                                        <div class="flex items-center gap-3">
                                            <div class="w-10 h-10 bg-green-500 rounded-full flex items-center justify-center text-white">
                                                <i class="fas fa-check-circle"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-semibold text-gray-800">Trust Payment Completed</h4>
                                                <p class="text-sm text-gray-600">Your trust is now under review</p>
                                            </div>
                                            <div class="ml-auto">
                                                <span class="bg-green-100 text-green-800 text-xs font-bold px-3 py-2 rounded-full">
                                                    <i class="fas fa-check mr-1"></i> SUBMITTED
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <!-- Action Buttons -->
                                <div class="flex flex-wrap gap-3">
                                    <a href="{{ route('client.trust.view', $trust) }}" class="bg-blue-50 text-white px-4 py-2 rounded-lg font-medium text-sm hover:bg-blue-100 transition-colors duration-200 inline-flex items-center">
                                        <i class="fas fa-eye mr-2"></i> View Details
                                    </a>
                                    @if($trust->status == 'pending_review')
                                        <a href="{{ route('client.trust.page1') }}" class="bg-blue-50 text-blue-600 px-4 py-2 rounded-lg font-medium text-sm hover:bg-blue-100 transition-colors duration-200 inline-flex items-center">
                                            <i class="fas fa-edit mr-2"></i> Continue Editing
                                        </a>
                                    @endif
                                    @if($trustPaymentStatus && in_array($trustPaymentStatus, ['pending', 'processing', 'payment_pending', 'payment_processing']))
                                        <a href="{{ route('client.trust.payment', $trust) }}" class="bg-orange-500 text-white px-4 py-2 rounded-lg font-medium text-sm hover:bg-orange-600 transition-colors duration-200 inline-flex items-center">
                                            <i class="fas fa-credit-card mr-2"></i> Pay Now
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    @else
        <!-- Empty State -->
        <div class="bg-white rounded-xl shadow-sm p-12 text-center">
            <div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
                <i class="fas fa-file-contract text-gray-400 text-2xl"></i>
            </div>
            <h3 class="text-lg font-medium text-gray-800 mb-2">No Wills Created Yet</h3>
            <p class="text-gray-600 mb-6">Your will will be created by your assigned staff member. Please contact them for assistance with your estate planning needs.</p>
            <div class="flex justify-center gap-4">
                <a href="{{ route('client.dashboard') }}" 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-tachometer-alt mr-2"></i> Return to Dashboard
                </a>
            </div>
        </div>
    @endif
@endsection