@extends('layouts.portal')

@section('title', 'Will Reports')
@section('page_title', 'Will Reports')
@section('page_subtitle', 'Will statistics, creator information, and detailed analytics')

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

@section('content')
<div class="max-w-6xl mx-auto">
    <!-- Welcome Banner -->
    <div class="bg-gradient-to-r from-red-900 via-red-800 to-red-900 rounded-xl p-8 text-white mb-4 shadow-xl animate-fade-in-up relative overflow-hidden min-h-[120px]">
        <div class="absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full -mr-32 -mt-32"></div>
        <div class="absolute bottom-0 left-0 w-32 h-32 bg-white/10 rounded-full -ml-16 -mb-16"></div>
        
        <div class="relative z-10 flex items-center justify-between">
            <div>
                <h2 class="text-xl font-bold mb-2">Will Reports</h2>
                <p class="text-red-100 text-sm mb-3">Will statistics, creator information, and detailed analytics</p>
                <div class="flex items-center space-x-3">
                    <span class="inline-flex items-center px-3 py-2 rounded-full text-xs font-medium bg-white/20 backdrop-blur-sm">
                        <i class="fas fa-file-contract mr-2"></i>
                        {{ $stats['total_wills'] }} Total Wills
                    </span>
                    <span class="inline-flex items-center px-3 py-2 rounded-full text-xs font-medium bg-green-400/30 backdrop-blur-sm">
                        <i class="fas fa-circle text-green-300 mr-2 text-xs"></i>
                        System Online
                    </span>
                </div>
            </div>
            <div class="hidden md:block">
                <div class="w-16 h-16 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center">
                    <i class="fas fa-chart-line text-2xl"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-2 lg:grid-cols-5 gap-4 mb-6">
        <div class="bg-blue-600 text-white rounded-lg p-4 shadow-md">
            <div class="text-center">
                <h5 class="text-2xl font-bold">{{ $stats['total_wills'] }}</h5>
                <small class="text-sm">Total Wills</small>
            </div>
        </div>
        <div class="bg-green-600 text-white rounded-lg p-4 shadow-md">
            <div class="text-center">
                <h5 class="text-2xl font-bold">{{ $stats['completed_wills'] }}</h5>
                <small class="text-sm">Completed</small>
            </div>
        </div>
        <div class="bg-yellow-500 text-white rounded-lg p-4 shadow-md">
            <div class="text-center">
                <h5 class="text-2xl font-bold">{{ $stats['pending_wills'] }}</h5>
                <small class="text-sm">Pending</small>
            </div>
        </div>
        <div class="bg-cyan-500 text-white rounded-lg p-4 shadow-md">
            <div class="text-center">
                <h5 class="text-2xl font-bold">{{ $stats['signed_wills'] }}</h5>
                <small class="text-sm">Signed</small>
            </div>
        </div>
        <div class="bg-gray-600 text-white rounded-lg p-4 shadow-md">
            <div class="text-center">
                <h5 class="text-2xl font-bold">{{ $stats['wills_with_lawyers'] }}</h5>
                <small class="text-sm">With Lawyers</small>
            </div>
        </div>
    </div>

    <!-- Filters -->
    <div class="bg-white rounded-lg shadow-md mb-6 p-6">
        <h5 class="text-lg font-semibold text-gray-700 mb-4">Filters</h5>
        <form method="GET" action="{{ route('admin.reports.enhanced.wills') }}">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-4 mb-4">
                <div>
                    <label for="client_id" class="block text-sm font-semibold text-gray-700 mb-2">Client</label>
                    <select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm" id="client_id" name="client_id">
                        <option value="">All Clients</option>
                        @foreach($clients as $client)
                        <option value="{{ $client->id }}" {{ ($filters['client_id'] ?? '') == $client->id ? 'selected' : '' }}>
                            {{ $client->full_name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="status" class="block text-sm font-semibold text-gray-700 mb-2">Status</label>
                    <select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm" id="status" name="status">
                        <option value="">All Status</option>
                        <option value="new" {{ ($filters['status'] ?? '') == 'new' ? 'selected' : '' }}>New</option>
                        <option value="payment_pending" {{ ($filters['status'] ?? '') == 'payment_pending' ? 'selected' : '' }}>Payment Pending</option>
                        <option value="completed" {{ ($filters['status'] ?? '') == 'completed' ? 'selected' : '' }}>Completed</option>
                        <option value="signed" {{ ($filters['status'] ?? '') == 'signed' ? 'selected' : '' }}>Signed</option>
                        <option value="dummy" {{ ($filters['status'] ?? '') == 'dummy' ? 'selected' : '' }}>Dummy</option>
                    </select>
                </div>
                <div>
                    <label for="lawyer_id" class="block text-sm font-semibold text-gray-700 mb-2">Lawyer</label>
                    <select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm" id="lawyer_id" name="lawyer_id">
                        <option value="">All Lawyers</option>
                        @foreach($lawyers as $lawyer)
                        <option value="{{ $lawyer->id }}" {{ ($filters['lawyer_id'] ?? '') == $lawyer->id ? 'selected' : '' }}>
                            {{ $lawyer->full_name ?? $lawyer->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="staff_id" class="block text-sm font-semibold text-gray-700 mb-2">Staff</label>
                    <select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm" id="staff_id" name="staff_id">
                        <option value="">All Staff</option>
                        @foreach($staff as $staffMember)
                        <option value="{{ $staffMember->id }}" {{ ($filters['staff_id'] ?? '') == $staffMember->id ? 'selected' : '' }}>
                            {{ $staffMember->full_name ?? $staffMember->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="start_date" class="block text-sm font-semibold text-gray-700 mb-2">Start Date</label>
                    <x-date-picker
                    name="start_date"
                    value="{{ $filters["
                    class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm"
                />
                </div>
                <div>
                    <label for="end_date" class="block text-sm font-semibold text-gray-700 mb-2">End Date</label>
                    <x-date-picker
                    name="end_date"
                    value="{{ $filters["
                    class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm"
                />
                </div>
            </div>
            <div class="flex space-x-2">
                <button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 text-sm">
                    Apply Filters
                </button>
                <a href="{{ route('admin.reports.enhanced.wills') }}" class="px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors duration-200 text-sm">
                    Clear
                </a>
                <button type="button" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors duration-200 text-sm" onclick="exportWills()">
                    <i class="fas fa-download mr-2"></i> Export Excel
                </button>
            </div>
        </form>
    </div>

    <!-- Wills Table -->
    <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
        <div class="bg-gradient-to-r from-red-800 to-red-900 text-white p-4">
            <h3 class="text-lg font-semibold">Will Details</h3>
        </div>
        <div class="p-6">
            <div class="overflow-x-auto">
                <table class="w-full">
                    <thead>
                        <tr class="border-b border-gray-200">
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">ID</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Client</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Status</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Creator Type</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Created By</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Lawyer</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Staff</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Created Date</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Signed Date</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Beneficiaries</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Assets</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Liabilities</th>
                            <th class="py-3 px-4 text-left text-sm font-semibold text-gray-700">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($wills as $will)
                        <tr class="border-b border-gray-100 hover:bg-gray-50">
                            <td class="py-3 px-4 text-sm">
                                <strong>#{{ $will->id }}</strong>
                            </td>
                            <td class="py-3 px-4 text-sm">
                                @if($will->client)
                                    {{ $will->client->full_name }}
                                @else
                                    N/A
                                @endif
                            </td>
                            <td class="py-3 px-4 text-sm">
                                @php
                                    $customStatus = ucfirst(str_replace('_', ' ', $will->status));
                                    if ($will->createdBy && $will->createdBy->role == 'lawyer') {
                                        $customStatus = 'Admin Approved Waiting';
                                    } elseif ($will->assignedLawyer && $will->createdBy && $will->createdBy->role == 'admin') {
                                        $customStatus = 'Admin Assigned Lawyer';
                                    }
                                @endphp
                                <span class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-semibold {{ 
                                    $customStatus == 'Admin Approved Waiting' ? 'bg-amber-100 text-amber-800 border border-amber-300' : 
                                    ($customStatus == 'Admin Assigned Lawyer' ? 'bg-blue-100 text-blue-800 border border-blue-300' : 
                                    ($will->status == 'completed' ? 'bg-green-100 text-green-800 border border-green-300' : 
                                    ($will->status == 'signed' ? 'bg-blue-100 text-blue-800 border border-blue-300' : 
                                    ($will->status == 'payment_pending' ? 'bg-yellow-100 text-yellow-800 border border-yellow-300' : 'bg-gray-100 text-gray-800 border border-gray-300')))) 
                                }}">
                                    @if($customStatus == 'Admin Approved Waiting')
                                    <i class="fas fa-clock mr-1.5"></i>
                                    @endif
                                    {{ $customStatus }}
                                </span>
                            </td>
                            <td class="py-3 px-4 text-sm">
                                <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium {{ 
                                    $will->creator_type == 'client' ? 'bg-blue-100 text-blue-800' : 
                                    ($will->creator_type == 'staff' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800') 
                                }}">
                                    {{ ucfirst($will->creator_type ?? 'N/A') }}
                                </span>
                            </td>
                            <td class="py-3 px-4 text-sm">
                                @if($will->createdBy)
                                    {{ $will->createdBy->name }}
                                @else
                                    N/A
                                @endif
                            </td>
                            <td class="py-3 px-4 text-sm">
                                @if($will->assignedLawyer)
                                    {{ $will->assignedLawyer->full_name ?? $will->assignedLawyer->name }}
                                @else
                                    <span class="text-gray-500">Not Assigned</span>
                                @endif
                            </td>
                            <td class="py-3 px-4 text-sm">
                                @if($will->assignedStaff)
                                    {{ $will->assignedStaff->full_name ?? $will->assignedStaff->name }}
                                @else
                                    <span class="text-gray-500">Not Assigned</span>
                                @endif
                            </td>
                            <td class="py-3 px-4 text-sm">{{ $will->created_at->format('M d, Y') }}</td>
                            <td class="py-3 px-4 text-sm">{{ $will->signed_at?->format('M d, Y') ?? 'Not Signed' }}</td>
                            <td class="py-3 px-4 text-sm">
                                <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-cyan-100 text-cyan-800">{{ is_countable($will->beneficiaries) ? count($will->beneficiaries) : 0 }}</span>
                            </td>
                            <td class="py-3 px-4 text-sm">
                                <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">{{ is_countable($will->assets) ? count($will->assets) : 0 }}</span>
                            </td>
                            <td class="py-3 px-4 text-sm">
                                <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800">{{ is_countable($will->liabilities) ? count($will->liabilities) : 0 }}</span>
                            </td>
                            <td class="py-3 px-4 text-sm">
                                <div class="flex space-x-2">
                                    <a href="{{ route('admin.wills.show', $will->id) }}" class="px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors duration-200" title="View Will">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <!-- Pagination -->
            <div class="flex items-center justify-between mt-4">
                <div class="text-sm text-gray-700">
                    Showing {{ $wills->firstItem() }} to {{ $wills->lastItem() }} of {{ $wills->total() }} entries
                </div>
                {{ $wills->links() }}
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
    function exportWills() {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = '{{ route('admin.reports.enhanced.export.wills') }}';
        
        // Add CSRF token
        const csrf = document.createElement('input');
        csrf.type = 'hidden';
        csrf.name = '_token';
        csrf.value = '{{ csrf_token() }}';
        form.appendChild(csrf);
        
        // Add filters
        const filters = ['client_id', 'status', 'lawyer_id', 'staff_id', 'start_date', 'end_date'];
        filters.forEach(filter => {
            const element = document.getElementById(filter);
            if (element && element.value) {
                const input = document.createElement('input');
                input.type = 'hidden';
                input.name = filter;
                input.value = element.value;
                form.appendChild(input);
            }
        });
        
        document.body.appendChild(form);
        form.submit();
        document.body.removeChild(form);
    }
</script>
@endpush