@extends('layouts.portal')

@section('title', 'All Wills')
@section('page_title', 'All Wills')
@section('page_subtitle', 'Manage will records')

@section('sidebar')
    <ul class="space-y-1">
        <li>
            <a href="{{ route('admin.dashboard') }}" class="sidebar-item flex items-center p-3 text-gray-300 hover:text-white">
                <i class="fas fa-tachometer-alt w-5 mr-3 text-center"></i>
                <span>Dashboard</span>
            </a>
        </li>
        <li class="pt-4 pb-2">
            <p class="px-3 text-xs font-semibold text-gray-400 uppercase tracking-wider">Will & Trust</p>
        </li>
        <li>
            <a href="{{ route('admin.wills') }}" class="sidebar-item active flex items-center p-3 text-white">
                <i class="fas fa-file-contract w-5 mr-3 text-center"></i>
                <span>All Wills</span>
            </a>
        </li>
    </ul>
@endsection

@section('content')
    <!-- Header with Search and Filters -->
    <div class="modern-card p-6 mb-6">
        <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
            <div>
                <h2 class="text-2xl font-bold text-gray-900 mb-1">Will Management</h2>
                <p class="text-gray-600">Browse and manage all will records in the system</p>
            </div>
            
            <div class="flex flex-col sm:flex-row gap-3">
                <div class="relative">
                    <input type="text" 
                           placeholder="Search wills..." 
                           class="input-modern w-full sm:w-64 pl-10">
                    <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
                </div>
                
                <select class="input-modern">
                    <option value="">All Status</option>
                    <option value="new">New</option>
                    <option value="draft">Draft</option>
                    <option value="drafting">Drafting</option>
                    <option value="under_review">Under Review</option>
                    <option value="pending_approval">Pending Approval</option>
                    <option value="approved">Approved</option>
                    <option value="signed">Signed</option>
                    <option value="stored">Stored</option>
                    <option value="rejected">Rejected</option>
                    <option value="completed">Completed</option>
                </select>
                
                <button class="modern-btn bg-red-600 text-white hover:bg-red-700">
                    <i class="fas fa-filter" style="color: white !important;"></i>
                    Filters
                </button>
            </div>
        </div>
        
        <!-- Quick Stats -->
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-6">
            <div class="text-center p-4 bg-red-50 rounded-xl relative">
                <div class="absolute top-2 left-2 w-6 h-6 bg-red-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-file-contract text-red-600 text-xs" style="color: #dc2626 !important;"></i>
                </div>
                <div class="text-2xl font-bold text-red-600 mt-2">{{ $wills->count() }}</div>
                <div class="text-sm text-gray-600">Total Wills</div>
            </div>
            <div class="text-center p-4 bg-yellow-50 rounded-xl relative border-2 border-yellow-300">
                <div class="absolute top-2 left-2 w-6 h-6 bg-yellow-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-exclamation-triangle text-yellow-600 text-xs" style="color: #f59e0b !important;"></i>
                </div>
                <div class="text-2xl font-bold text-yellow-600 mt-2">{{ $wills->where('status', 'pending_approval')->count() }}</div>
                <div class="text-sm text-gray-600">Pending Approval</div>
                @if($wills->where('status', 'pending_approval')->count() > 0)
                <div class="mt-2">
                    <a href="{{ route('admin.wills') }}" class="text-xs text-yellow-700 hover:text-yellow-800 underline">
                        Review Now →
                    </a>
                </div>
                @endif
            </div>
            <div class="text-center p-4 bg-red-50 rounded-xl relative">
                <div class="absolute top-2 left-2 w-6 h-6 bg-red-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-clock text-red-600 text-xs" style="color: #dc2626 !important;"></i>
                </div>
                <div class="text-2xl font-bold text-red-600 mt-2">{{ $wills->where('status', 'under_review')->count() }}</div>
                <div class="text-sm text-gray-600">Under Review</div>
            </div>
            <div class="text-center p-4 bg-green-50 rounded-xl relative">
                <div class="absolute top-2 left-2 w-6 h-6 bg-green-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-check-circle text-green-600 text-xs" style="color: #10b981 !important;"></i>
                </div>
                <div class="text-2xl font-bold text-green-600 mt-2">{{ $wills->where('status', 'completed')->count() }}</div>
                <div class="text-sm text-gray-600">Completed</div>
            </div>
        </div>
    </div>
    
    <!-- Wills Table -->
    @if($wills->count() > 0)
        <div class="modern-card overflow-hidden">
            <div class="overflow-x-auto">
                <table class="w-full">
                    <thead>
                        <tr class="bg-red-50 border-b border-gray-200">
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Client Name</th>
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Type</th>
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Status</th>
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Created By</th>
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Created</th>
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Updated</th>
                            <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Will ID</th>
                            <th class="px-6 py-4 text-center text-xs font-semibold text-gray-700 uppercase tracking-wider">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200">
                        @foreach($wills as $document)
                            <tr class="hover:bg-gray-50 transition-colors">
                                <td class="px-6 py-4">
                                    <div class="flex items-center space-x-3">
                                        <div class="w-10 h-10 rounded-lg bg-gradient-to-br from-red-600 to-red-700 flex items-center justify-center text-white font-bold text-sm">
                                            @if($document->document_type === 'will')
                                                {{ $document->client ? substr($document->client->first_name, 0, 1) : '?' }}
                                            @else
                                                {{ $document->client ? substr($document->client->first_name, 0, 1) : substr($document->trust_creator['first_name'] ?? 'T', 0, 1) }}
                                            @endif
                                        </div>
                                        <div>
                                            @if($document->document_type === 'will')
                                                <p class="font-medium text-gray-900">{{ $document->client ? $document->client->full_name : 'Unknown Client' }}</p>
                                                <p class="text-xs text-gray-500">{{ $document->client ? $document->client->email : 'No email' }}</p>
                                            @else
                                                <p class="font-medium text-gray-900">
                                                    @if($document->client)
                                                        {{ $document->client->full_name }}
                                                    @elseif($document->trust_creator && is_array($document->trust_creator))
                                                        {{ $document->trust_creator['first_name'] . ' ' . $document->trust_creator['last_name'] }}
                                                    @else
                                                        Unknown
                                                    @endif
                                                </p>
                                                <p class="text-xs text-gray-500">Trust: {{ $document->trust_name }}</p>
                                            @endif
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4">
                                    @if($document->document_type === 'will')
                                        <span class="text-sm text-gray-700">
                                            {{ $document->is_joint ? 'Joint Will' : ($document->will_type === 'individual' ? 'Individual Will' : 'Will') }}
                                            @if($document->is_joint)
                                            <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-users mr-1"></i>Joint
                                            </span>
                                            @endif
                                        </span>
                                    @else
                                        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
                                            <i class="fas fa-vault mr-1"></i>{{ $document->getTrustTypeLabel() }}
                                        </span>
                                    @endif
                                </td>
                                <td class="px-6 py-4">
                                    @if($document->document_type === 'will')
                                        <span class="badge-modern {{ $document->status_badge }} text-xs">
                                            <i class="fas fa-circle text-xs mr-1"></i>
                                            {{ App\Models\Will::getStatuses()[$document->status] }}
                                        </span>
                                    @else
                                        <span class="badge-modern {{ $document->status === 'completed' ? 'bg-green-100 text-green-800' : ($document->status === 'under_review' ? 'bg-yellow-100 text-yellow-800' : 'bg-gray-100 text-gray-800') }} text-xs">
                                            <i class="fas fa-circle text-xs mr-1"></i>
                                            {{ ucfirst(str_replace('_', ' ', $document->status)) }}
                                        </span>
                                    @endif
                                </td>
                                <td class="px-6 py-4 text-sm text-gray-700">
                                    @if($document->document_type === 'will')
                                        @if($document->created_by_type === 'agent')
                                            <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
                                                Agent: {{ $document->referredBy->name ?? 'Unknown' }}
                                            </span>
                                        @else
                                            {{ $document->createdBy->name ?? 'System' }}
                                        @endif
                                    @else
                                        @if($document->created_by_type === 'agent')
                                            <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
                                                Agent: {{ $document->referredBy->name ?? 'Unknown' }}
                                            </span>
                                        @elseif($document->created_by_type === 'lawyer')
                                            <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                                                Lawyer: {{ $document->createdBy->name ?? 'Unknown' }}
                                            </span>
                                        @else
                                            {{ $document->createdBy->name ?? 'System' }}
                                        @endif
                                    @endif
                                </td>
                                <td class="px-6 py-4 text-sm text-gray-600">
                                    @if($document->document_type === 'will')
                                        {{ $document->created_at->format('d M Y') }}
                                    @else
                                        {{ $document->creation_date ? \Carbon\Carbon::parse($document->creation_date)->format('d M Y') : $document->created_at->format('d M Y') }}
                                    @endif
                                </td>
                                <td class="px-6 py-4 text-sm text-gray-600">{{ $document->updated_at->format('d M Y H:i') }}</td>
                                <td class="px-6 py-4">
                                    <span class="inline-flex items-center px-3 py-1 rounded-lg text-xs font-mono bg-gray-100 text-gray-700">
                                        @if($document->document_type === 'will')
                                            #{{ $document->id }}
                                        @else
                                            T{{ $document->id }}
                                        @endif
                                    </span>
                                </td>
                                <td class="px-6 py-4 text-center">
                                    <div class="flex items-center justify-center space-x-2">
                                        @if($document->document_type === 'trust')
                                            <a href="{{ route('admin.wills.show', $document->id) }}" 
                                               class="inline-flex items-center px-3 py-2 rounded-lg bg-purple-600 text-white hover:bg-purple-700 text-xs font-medium transition-colors" 
                                               title="View Trust Document">
                                                <i class="fas fa-vault mr-1"></i>View Trust
                                            </a>
                                        @else
                                            @if($document->status === 'pending_approval')
                                                <a href="{{ route('admin.wills.show', $document) }}" 
                                                   class="inline-flex items-center px-3 py-2 rounded-lg bg-yellow-600 text-white hover:bg-yellow-700 text-xs font-medium transition-colors" 
                                                   title="Review & Approve">
                                                    <i class="fas fa-check-circle mr-1"></i>Review
                                                </a>
                                            @else
                                                <a href="{{ route('admin.wills.show', $document) }}" 
                                                   class="inline-flex items-center px-3 py-2 rounded-lg bg-red-600 text-white hover:bg-red-700 text-xs font-medium transition-colors" 
                                                   title="View Will Details">
                                                    <i class="fas fa-eye mr-1"></i>View Will
                                                </a>
                                            @endif
                                        @endif
                                        
                                        @if($document->version > 1)
                                        @if($document->document_type === 'trust')
                                        <a href="{{ route('admin.trusts.versions', $document) }}" 
                                           class="inline-flex items-center px-3 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 text-xs font-medium transition-colors" 
                                           title="View Version History">
                                            <i class="fas fa-history mr-1"></i>v{{ $document->version }}
                                        </a>
                                        @else
                                        <a href="{{ route('admin.wills.versions', $document) }}" 
                                           class="inline-flex items-center px-3 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 text-xs font-medium transition-colors" 
                                           title="View Version History">
                                            <i class="fas fa-history mr-1"></i>v{{ $document->version }}
                                        </a>
                                        @endif
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <!-- Table Footer with Info -->
            <div class="bg-gray-50 px-6 py-4 border-t border-gray-200 flex items-center justify-between">
                <div class="text-sm text-gray-600">
                    <strong>{{ $wills->count() }}</strong> will(s) displayed
                </div>
                <div class="flex items-center space-x-4 text-xs text-gray-600">
                    <div class="flex items-center space-x-2">
                        <span class="w-3 h-3 rounded-full bg-yellow-400"></span>
                        <span>Pending: {{ $wills->where('status', 'pending_approval')->count() }}</span>
                    </div>
                    <div class="flex items-center space-x-2">
                        <span class="w-3 h-3 rounded-full bg-red-400"></span>
                        <span>Under Review: {{ $wills->where('status', 'under_review')->count() }}</span>
                    </div>
                    <div class="flex items-center space-x-2">
                        <span class="w-3 h-3 rounded-full bg-green-400"></span>
                        <span>Completed: {{ $wills->where('status', 'completed')->count() }}</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- Pagination -->
        <div class="mt-6 flex justify-center">
            {{ $wills->links() }}
        </div>
    @else
        <!-- Empty State -->
        <div class="modern-card p-12 text-center">
            <div class="w-20 h-20 bg-red-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
                <i class="fas fa-file-contract text-red-600 text-3xl" style="color: #dc2626 !important;"></i>
            </div>
            <h3 class="text-xl font-semibold text-gray-900 mb-2">No Wills Found</h3>
            <p class="text-gray-600 mb-6">There are no wills in the system yet, or none match your search criteria.</p>
            
            <div class="flex flex-col sm:flex-row gap-3 justify-center">
                <button class="modern-btn octowill-btn text-white">
                    <i class="fas fa-plus" style="color: white !important;"></i>
                    Create First Will
                </button>
                <button class="modern-btn bg-gray-100 text-gray-700 hover:bg-gray-200">
                    <i class="fas fa-redo" style="color: #374151 !important;"></i>
                    Clear Filters
                </button>
            </div>
        </div>
    @endif
@endsection