@extends('layouts.admin')

@section('title', 'Application Credit Point Summary')

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Credit Point Summary</h1>
            <p class="text-muted">{{ $application->user->name }} - {{ $application->application_number }}</p>
        </div>
        <div>
            <a href="{{ route('admin.credit-point-review.generate-summary-pdf', $application) }}" 
               class="btn btn-danger" target="_blank">
                <i class="fas fa-file-pdf me-2"></i>Download PDF
            </a>
            <a href="{{ route('admin.credit-point-review.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Back to Review
            </a>
        </div>
    </div>

    <!-- Applicant Information -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Applicant Information</h6>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="row mb-2">
                        <div class="col-sm-4"><strong>Name:</strong></div>
                        <div class="col-sm-8">{{ $application->user->name }}</div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-sm-4"><strong>Email:</strong></div>
                        <div class="col-sm-8">{{ $application->user->email }}</div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-sm-4"><strong>Application Number:</strong></div>
                        <div class="col-sm-8">{{ $application->application_number }}</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row mb-2">
                        <div class="col-sm-4"><strong>Position Applied:</strong></div>
                        <div class="col-sm-8">{{ $application->advertisement->title ?? 'N/A' }}</div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-sm-4"><strong>Department:</strong></div>
                        <div class="col-sm-8">{{ $application->advertisement->department->name ?? 'N/A' }}</div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-sm-4"><strong>Application Date:</strong></div>
                        <div class="col-sm-8">{{ $application->created_at->format('F d, Y') }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Summary Statistics -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total Claimed
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $summary['total_claimed'] ?? 0 }} points
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-clipboard-list fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                Total Awarded
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $summary['total_awarded'] ?? 0 }} points
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-award fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Total Activities
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $summary['total_activities'] ?? 0 }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-tasks fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                Approval Rate
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                @php
                                    $approvalRate = $summary['total_activities'] > 0 
                                        ? round(($summary['approved_activities'] / $summary['total_activities']) * 100, 1) 
                                        : 0;
                                @endphp
                                {{ $approvalRate }}%
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-percentage fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Category-wise Breakdown -->
    @if(isset($summary['by_category']) && count($summary['by_category']) > 0)
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-success">Category-wise Breakdown</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Category</th>
                            <th>Activities</th>
                            <th>Claimed Points</th>
                            <th>Awarded Points</th>
                            <th>Approval Rate</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($summary['by_category'] as $category => $data)
                        <tr>
                            <td>
                                <span class="badge bg-info">{{ ucfirst(str_replace('_', ' ', $category)) }}</span>
                            </td>
                            <td>{{ $data['count'] }}</td>
                            <td>{{ $data['claimed'] }} points</td>
                            <td>{{ $data['awarded'] }} points</td>
                            <td>
                                @php
                                    $categoryRate = $data['claimed'] > 0 
                                        ? round(($data['awarded'] / $data['claimed']) * 100, 1) 
                                        : 0;
                                @endphp
                                <span class="badge bg-{{ $categoryRate >= 80 ? 'success' : ($categoryRate >= 50 ? 'warning' : 'danger') }}">
                                    {{ $categoryRate }}%
                                </span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <!-- Detailed Claims -->
    <div class="card shadow">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-warning">Detailed Credit Point Claims</h6>
        </div>
        <div class="card-body">
            @if($application->creditPointClaims->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Activity</th>
                                <th>Category</th>
                                <th>Claimed</th>
                                <th>Awarded</th>
                                <th>Status</th>
                                <th>Committee Remarks</th>
                                <th>Reviewed By</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($application->creditPointClaims as $claim)
                            <tr>
                                <td>
                                    <div class="fw-bold">{{ $claim->activity->activity_name }}</div>
                                    <small class="text-muted">{{ $claim->activity->description }}</small>
                                </td>
                                <td>
                                    <span class="badge bg-info">{{ $claim->activity->category_label ?? ucfirst($claim->activity->category) }}</span>
                                </td>
                                <td>
                                    <div>{{ $claim->claimed_instances }} instances</div>
                                    <div class="fw-bold text-primary">{{ $claim->claimed_points }} points</div>
                                </td>
                                <td>
                                    @if($claim->award)
                                        <div>{{ $claim->award->awarded_instances }} instances</div>
                                        <div class="fw-bold text-success">{{ $claim->award->awarded_points }} points</div>
                                    @else
                                        <span class="text-muted">Not awarded</span>
                                    @endif
                                </td>
                                <td>
                                    @php
                                        $statusColors = [
                                            'pending' => 'warning',
                                            'under_review' => 'info',
                                            'approved' => 'success',
                                            'rejected' => 'danger',
                                            'needs_clarification' => 'secondary'
                                        ];
                                        $statusColor = $statusColors[$claim->status] ?? 'secondary';
                                    @endphp
                                    <span class="badge bg-{{ $statusColor }}">
                                        {{ ucfirst(str_replace('_', ' ', $claim->status)) }}
                                    </span>
                                </td>
                                <td>
                                    {{ $claim->award->committee_remarks ?? 'No remarks' }}
                                </td>
                                <td>
                                    {{ $claim->award && $claim->award->awardedBy ? $claim->award->awardedBy->name : 'N/A' }}
                                </td>
                                <td>
                                    <a href="{{ route('admin.credit-point-review.show', $claim) }}" 
                                       class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-eye"></i> Review
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-4">
                    <i class="fas fa-clipboard-list fa-3x text-muted mb-3"></i>
                    <h5 class="text-muted">No Credit Point Claims</h5>
                    <p class="text-muted">This application has no credit point claims submitted.</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection