@extends('layouts.app')

@section('title', 'Credit Points Summary')

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="max-w-6xl mx-auto">
        <!-- Header -->
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
            <div class="flex justify-between items-center">
                <div>
                    <h1 class="text-2xl font-bold text-gray-900">Credit Points Summary Sheet</h1>
                    <p class="text-gray-600 mt-1">{{ $application->user->name }} - Application #{{ $application->application_number }}</p>
                </div>
                <div class="flex space-x-3">
                    <a href="{{ route('applicant.credit-points.generate-summary-pdf', $application) }}" 
                       class="bg-red-600 text-white px-4 py-2 rounded-md hover:bg-red-700 transition-colors">
                        <i class="fas fa-file-pdf mr-2"></i>Download PDF
                    </a>
                    <a href="{{ route('applicant.credit-points.index', $application) }}" 
                       class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors">
                        <i class="fas fa-arrow-left mr-2"></i>Back to Credit Points
                    </a>
                </div>
            </div>
        </div>

        <!-- Summary Statistics -->
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4">Summary Statistics</h2>
            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                <div class="bg-blue-50 p-4 rounded-lg text-center">
                    <div class="text-2xl font-bold text-blue-600">{{ $summary['total_claimed'] }}</div>
                    <div class="text-sm text-gray-600">Total Points Claimed</div>
                </div>
                <div class="bg-green-50 p-4 rounded-lg text-center">
                    <div class="text-2xl font-bold text-green-600">{{ $summary['total_awarded'] }}</div>
                    <div class="text-sm text-gray-600">Total Points Awarded</div>
                </div>
                <div class="bg-yellow-50 p-4 rounded-lg text-center">
                    <div class="text-2xl font-bold text-yellow-600">{{ $summary['pending_activities'] }}</div>
                    <div class="text-sm text-gray-600">Pending Review</div>
                </div>
                <div class="bg-purple-50 p-4 rounded-lg text-center">
                    <div class="text-2xl font-bold text-purple-600">{{ $summary['approved_activities'] }}</div>
                    <div class="text-sm text-gray-600">Approved Activities</div>
                </div>
            </div>
        </div>

        <!-- Detailed Summary Table -->
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-200">
                <h2 class="text-lg font-semibold text-gray-900">Detailed Credit Points Summary</h2>
            </div>
            
            <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">Sr. No.</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Activity</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Credit Points Available</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Applicable Conditions</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Claimed by Applicant</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Points Awarded by Committee</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @forelse($application->creditPointClaims as $index => $claim)
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                                {{ $index + 1 }}
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-900">
                                <div class="font-medium">{{ $claim->activity->activity_name }}</div>
                                <div class="text-gray-500">{{ $claim->activity->category_label }}</div>
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-900">
                                <div class="font-medium">{{ $claim->activity->point_range }}</div>
                                <div class="text-gray-500">{{ $claim->activity->unit_type_label }}</div>
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
                                <div class="truncate" title="{{ $claim->activity->applicable_conditions }}">
                                    {{ Str::limit($claim->activity->applicable_conditions, 100) }}
                                </div>
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-900">
                                <div class="font-medium">{{ $claim->claimed_instances }} {{ $claim->activity->unit_type_label }}</div>
                                <div class="text-blue-600 font-semibold">{{ $claim->claimed_points }} points</div>
                                @if($claim->hasDocuments())
                                <div class="text-gray-500 text-xs mt-1">
                                    <i class="fas fa-paperclip"></i> {{ $claim->getDocumentCount() }} documents
                                </div>
                                @endif
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-900">
                                @if($claim->award)
                                <div class="font-medium">{{ $claim->award->awarded_instances }} {{ $claim->activity->unit_type_label }}</div>
                                <div class="text-green-600 font-semibold">{{ $claim->award->awarded_points }} points</div>
                                @if($claim->award->committee_remarks)
                                <div class="text-gray-500 text-xs mt-1" title="{{ $claim->award->committee_remarks }}">
                                    <i class="fas fa-comment"></i> Remarks available
                                </div>
                                @endif
                                @else
                                <div class="text-gray-400">-</div>
                                @endif
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap">
                                <span class="px-2 py-1 text-xs rounded-full 
                                    @if($claim->status === 'approved') bg-green-100 text-green-800
                                    @elseif($claim->status === 'rejected') bg-red-100 text-red-800
                                    @elseif($claim->status === 'under_review') bg-blue-100 text-blue-800
                                    @elseif($claim->status === 'needs_clarification') bg-orange-100 text-orange-800
                                    @else bg-yellow-100 text-yellow-800
                                    @endif">
                                    {{ $claim->status_label }}
                                </span>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="px-6 py-12 text-center text-gray-500">
                                <div class="text-gray-400 mb-2">
                                    <i class="fas fa-award text-2xl"></i>
                                </div>
                                No credit point claims found.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                    
                    @if($application->creditPointClaims->count() > 0)
                    <tfoot class="bg-gray-50">
                        <tr>
                            <td colspan="4" class="px-6 py-4 text-right font-semibold text-gray-900">
                                Total:
                            </td>
                            <td class="px-6 py-4 font-semibold text-blue-600">
                                {{ $summary['total_claimed'] }} points
                            </td>
                            <td class="px-6 py-4 font-semibold text-green-600">
                                {{ $summary['total_awarded'] }} points
                            </td>
                            <td class="px-6 py-4"></td>
                        </tr>
                    </tfoot>
                    @endif
                </table>
            </div>
        </div>

        <!-- Category-wise Summary -->
        @if(!empty($summary['by_category']))
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mt-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4">Category-wise Summary</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                @foreach($summary['by_category'] as $category => $categoryData)
                <div class="border border-gray-200 rounded-lg p-4">
                    <h3 class="font-medium text-gray-900 mb-2">
                        {{ App\Models\CreditPointActivity::CATEGORIES[$category] ?? $category }}
                    </h3>
                    <div class="space-y-1 text-sm">
                        <div class="flex justify-between">
                            <span class="text-gray-500">Activities:</span>
                            <span class="font-medium">{{ $categoryData['count'] }}</span>
                        </div>
                        <div class="flex justify-between">
                            <span class="text-gray-500">Claimed:</span>
                            <span class="font-medium text-blue-600">{{ $categoryData['claimed'] }} points</span>
                        </div>
                        <div class="flex justify-between">
                            <span class="text-gray-500">Awarded:</span>
                            <span class="font-medium text-green-600">{{ $categoryData['awarded'] }} points</span>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        @endif

        <!-- Footer Information -->
        <div class="bg-gray-50 rounded-lg p-6 mt-6">
            <div class="text-sm text-gray-600">
                <p><strong>Note:</strong> This summary sheet shows all credit point activities claimed by the applicant. 
                Points are awarded by the scrutiny committee after reviewing the supporting documents and verifying the claims.</p>
                <p class="mt-2"><strong>Generated on:</strong> {{ now()->format('F d, Y \a\t h:i A') }}</p>
            </div>
        </div>
    </div>
</div>
@endsection