@extends('layouts.portal')

@section('title', 'All Documents')
@section('page_title', 'All Documents')
@section('page_subtitle', 'View all your wills and documents with PDF download options')

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

@section('content')
    <div class="max-w-7xl mx-auto">
        <!-- Header Section -->
        <div class="bg-gradient-to-r from-blue-50 to-indigo-50 border-2 border-blue-200 rounded-2xl p-6 mb-6 shadow-lg relative overflow-hidden">
            <div class="absolute top-0 right-0 w-32 h-32 bg-blue-100/30 rounded-full -mr-16 -mt-16"></div>
            <div class="absolute bottom-0 left-0 w-24 h-24 bg-indigo-100/20 rounded-full -ml-12 -mb-12"></div>

            <div class="relative z-10">
                <div class="flex flex-col md:flex-row items-center justify-between">
                    <div class="mb-4 md:mb-0">
                        <h1 class="text-2xl md:text-3xl font-bold text-gray-800 mb-2">All Documents</h1>
                        <p class="text-blue-800 text-base font-semibold">Your complete estate planning document collection</p>
                        <div class="mt-3 flex flex-wrap gap-2">
                            <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded-full text-xs font-medium border border-blue-200">
                                <i class="fas fa-file-pdf mr-1"></i> PDF Downloads
                            </span>
                            <span class="bg-green-100 text-green-700 px-2 py-1 rounded-full text-xs font-medium border border-green-200">
                                <i class="fas fa-folder mr-1"></i> All Documents
                            </span>
                        </div>
                    </div>
                    <div class="hidden md:block">
                        <div class="w-20 h-20 bg-white border-2 border-gray-200 rounded-2xl flex items-center justify-center shadow-lg">
                            <i class="fas fa-folder-open text-blue-600 text-2xl"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Statistics Cards -->
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
            <div class="bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200 rounded-xl p-4 shadow-sm">
                <div class="flex items-center justify-between">
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mr-3 shadow-md">
                            <i class="fas fa-file-alt text-white text-lg"></i>
                        </div>
                        <div>
                            <h4 class="text-lg font-bold text-gray-800">Total Wills</h4>
                            <p class="text-sm text-gray-600">All wills created</p>
                        </div>
                    </div>
                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center shadow-sm border-2 border-blue-200">
                        <span class="text-xl font-bold text-blue-700">{{ $allWills->count() }}</span>
                    </div>
                </div>
            </div>

            <div class="bg-gradient-to-r from-green-50 to-emerald-50 border border-green-200 rounded-xl p-4 shadow-sm">
                <div class="flex items-center justify-between">
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-green-600 rounded-lg flex items-center justify-center mr-3 shadow-md">
                            <i class="fas fa-check-circle text-white text-lg"></i>
                        </div>
                        <div>
                            <h4 class="text-lg font-bold text-gray-800">Completed</h4>
                            <p class="text-sm text-gray-600">Ready for download</p>
                        </div>
                    </div>
                    <div class="w-14 h-14 bg-green-100 rounded-full flex items-center justify-center shadow-sm border-2 border-green-200">
                        <span class="text-xl font-bold text-green-700">{{ $allWills->where('status', 'completed')->count() }}</span>
                    </div>
                </div>
            </div>

            <div class="bg-gradient-to-r from-amber-50 to-orange-50 border border-amber-200 rounded-xl p-4 shadow-sm">
                <div class="flex items-center justify-between">
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-amber-600 rounded-lg flex items-center justify-center mr-3 shadow-md">
                            <i class="fas fa-clock text-white text-lg"></i>
                        </div>
                        <div>
                            <h4 class="text-lg font-bold text-gray-800">In Progress</h4>
                            <p class="text-sm text-gray-600">Being processed</p>
                        </div>
                    </div>
                    <div class="w-14 h-14 bg-amber-100 rounded-full flex items-center justify-center shadow-sm border-2 border-amber-200">
                        <span class="text-xl font-bold text-amber-700">{{ $allWills->where('status', '!=', 'completed')->count() }}</span>
                    </div>
                </div>
            </div>

            <div class="bg-gradient-to-r from-purple-50 to-pink-50 border border-purple-200 rounded-xl p-4 shadow-sm">
                <div class="flex items-center justify-between">
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center mr-3 shadow-md">
                            <i class="fas fa-shield-alt text-white text-lg"></i>
                        </div>
                        <div>
                            <h4 class="text-lg font-bold text-gray-800">Trusts</h4>
                            <p class="text-sm text-gray-600">Trust documents</p>
                        </div>
                    </div>
                    <div class="w-14 h-14 bg-purple-100 rounded-full flex items-center justify-center shadow-sm border-2 border-purple-200">
                        <span class="text-xl font-bold text-purple-700">{{ $allTrusts->count() }}</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- All Wills Section -->
        @if($allWills->count() > 0)
        <div class="bg-white border-2 border-gray-200 rounded-2xl p-6 shadow-lg mb-6">
            <h3 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
                <div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center mr-3">
                    <i class="fas fa-file-alt text-white"></i>
                </div>
                All Wills ({{ $allWills->count() }})
            </h3>

            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Will Type</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Created</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Last Updated</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @foreach($allWills as $will)
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-4 whitespace-nowrap">
                                <div class="flex items-center">
                                    <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center mr-3">
                                        <i class="fas fa-file-signature text-blue-600"></i>
                                    </div>
                                    <div>
                                        <div class="text-sm font-medium text-gray-900">{{ $will->will_type ?? 'Individual Will' }}</div>
                                        <div class="text-sm text-gray-500">ID: {{ $will->id }}</div>
                                    </div>
                                </div>
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap">
                                @if($will->status === 'completed')
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
                                        <i class="fas fa-check-circle mr-1"></i>
                                        Completed
                                    </span>
                                @elseif($will->status === 'payment_pending' || $will->payment_status === 'pending')
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
                                        <i class="fas fa-clock mr-1"></i>
                                        Payment Pending
                                    </span>
                                @elseif($will->status === 'under_review')
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
                                        <i class="fas fa-search mr-1"></i>
                                        Under Review
                                    </span>
                                @else
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
                                        <i class="fas fa-edit mr-1"></i>
                                        {{ ucfirst(str_replace('_', ' ', $will->status ?? 'draft')) }}
                                    </span>
                                @endif
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                                {{ $will->created_at->format('M j, Y') }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                                {{ $will->updated_at->format('M j, Y') }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
                                <div class="flex space-x-2">
                                    <a href="{{ route('client.will.view', $will) }}" class="text-blue-600 hover:text-blue-900 bg-blue-50 hover:bg-blue-100 px-3 py-1 rounded-lg text-xs font-medium">
                                        <i class="fas fa-eye mr-1"></i>
                                        View
                                    </a>

                                    @if($will->status === 'completed')
                                        <a href="{{ route('client.will.document', $will) }}" class="text-green-600 hover:text-green-900 bg-green-50 hover:bg-green-100 px-3 py-1 rounded-lg text-xs font-medium">
                                            <i class="fas fa-file-alt mr-1"></i>
                                            Document
                                        </a>
                                        <a href="{{ route('client.will.download', $will) }}" class="text-red-600 hover:text-red-900 bg-red-50 hover:bg-red-100 px-3 py-1 rounded-lg text-xs font-medium">
                                            <i class="fas fa-download mr-1"></i>
                                            PDF
                                        </a>
                                    @elseif($will->payment_status !== 'paid' && $will->status !== 'payment_pending')
                                        <a href="{{ route('client.will.payment.show', $will) }}" class="text-amber-600 hover:text-amber-900 bg-amber-50 hover:bg-amber-100 px-3 py-1 rounded-lg text-xs font-medium">
                                            <i class="fas fa-credit-card mr-1"></i>
                                            Pay Now
                                        </a>
                                    @endif
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        <!-- All Trusts Section -->
        @if($allTrusts->count() > 0)
        <div class="bg-white border-2 border-gray-200 rounded-2xl p-6 shadow-lg mb-6">
            <h3 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
                <div class="w-8 h-8 bg-purple-600 rounded-lg flex items-center justify-center mr-3">
                    <i class="fas fa-shield-alt text-white"></i>
                </div>
                All Trusts ({{ $allTrusts->count() }})
            </h3>

            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Trust Name</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Created</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Last Updated</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @foreach($allTrusts as $trust)
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-4 whitespace-nowrap">
                                <div class="flex items-center">
                                    <div class="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center mr-3">
                                        <i class="fas fa-shield-alt text-purple-600"></i>
                                    </div>
                                    <div>
                                        <div class="text-sm font-medium text-gray-900">{{ $trust->trust_name ?? 'Trust Document' }}</div>
                                        <div class="text-sm text-gray-500">ID: {{ $trust->id }}</div>
                                    </div>
                                </div>
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap">
                                @if($trust->status === 'completed')
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
                                        <i class="fas fa-check-circle mr-1"></i>
                                        Completed
                                    </span>
                                @else
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
                                        <i class="fas fa-edit mr-1"></i>
                                        {{ ucfirst(str_replace('_', ' ', $trust->status ?? 'draft')) }}
                                    </span>
                                @endif
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                                {{ $trust->created_at->format('M j, Y') }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                                {{ $trust->updated_at->format('M j, Y') }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
                                <div class="flex space-x-2">
                                    <a href="{{ route('client.trust.view', $trust) }}" class="text-purple-600 hover:text-purple-900 bg-purple-50 hover:bg-purple-100 px-3 py-1 rounded-lg text-xs font-medium">
                                        <i class="fas fa-eye mr-1"></i>
                                        View
                                    </a>

                                    @if($trust->status === 'completed')
                                        <a href="{{ route('client.trust.download', $trust) }}" class="text-red-600 hover:text-red-900 bg-red-50 hover:bg-red-100 px-3 py-1 rounded-lg text-xs font-medium">
                                            <i class="fas fa-download mr-1"></i>
                                            PDF
                                        </a>
                                    @endif
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        <!-- Empty State -->
        @if($allWills->count() === 0 && $allTrusts->count() === 0)
        <div class="bg-white border-2 border-gray-200 rounded-2xl p-12 shadow-lg text-center">
            <div class="w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-6">
                <i class="fas fa-folder-open text-gray-400 text-3xl"></i>
            </div>
            <h3 class="text-xl font-bold text-gray-800 mb-2">No Documents Yet</h3>
            <p class="text-gray-600 mb-6">You haven't created any wills or trusts yet. Start your estate planning journey today.</p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <a href="{{ route('client.dummy.will.type') }}" class="bg-blue-600 text-white px-6 py-3 rounded-xl font-medium hover:bg-blue-700 transition-colors">
                    <i class="fas fa-plus mr-2"></i>
                    Create Your First Will
                </a>
                <a href="{{ route('client.trust.page1') }}" class="bg-purple-600 text-white px-6 py-3 rounded-xl font-medium hover:bg-purple-700 transition-colors">
                    <i class="fas fa-shield-alt mr-2"></i>
                    Create a Trust
                </a>
            </div>
        </div>
        @endif
    </div>
@endsection