@extends('layouts.applicant.applicant')

@section('head')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('title', 'D-S - Credit Point Summary')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('applicant.applications.index') }}">My Applications</a></li>
    <li class="breadcrumb-item"><a href="{{ route('applicant.applications.show', $application) }}">{{ $application->application_number }}</a></li>
    <li class="breadcrumb-item active">D-S - Credit Point Summary</li>
@endsection

@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">Summary of Credit Points</h1>
            <p class="text-muted">Guidelines for calculation of credit points are available on the website</p>
            <p class="text-muted">Application: {{ $application->application_number }}</p>
        </div>
        <div>
            @php
                $previousStep = $currentStep->getPreviousStep();
            @endphp
            @if($previousStep)
                <a href="{{ route('applicant.applications.step', [$application, $previousStep->slug]) }}" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left me-2"></i>Previous Step
                </a>
            @endif
        </div>
    </div>

    <!-- Dynamic Progress Indicator -->
    @include('applicant.applications.partials.progress-indicator')

    @php
        // Generate or get the credit point summary from CreditPointSummary model
        $creditSummary = $application->creditPointSummaries()->orderByRaw('CAST(SUBSTRING(d_no, 2) AS UNSIGNED)')->get();
        
        // If no summary exists, try to generate it
        if ($creditSummary->isEmpty()) {
            try {
                $creditSummary = \App\Models\CreditPointSummary::generateSummaryForApplication($application->id);
            } catch (Exception $e) {
                $creditSummary = collect();
            }
        }
        
        $totalClaimedPoints = $creditSummary->sum('credit_points_claimed');
        $totalAwardedPoints = $creditSummary->sum('credit_points_awarded');
        $completedEvaluations = $creditSummary->whereNotNull('credit_points_awarded')->count();
        $pendingEvaluations = $creditSummary->whereNull('credit_points_awarded')->count();
        $totalActivities = $creditSummary->count();
        $activitiesWithFiles = $creditSummary->where('files_uploaded', true)->count();
    @endphp

    <!-- Summary Cards -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card border-primary">
                <div class="card-body text-center">
                    <div class="h4 text-primary">{{ number_format($totalClaimedPoints, 2) }}</div>
                    <div class="small text-muted">Total Claimed Points</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-success">
                <div class="card-body text-center">
                    <div class="h4 text-success">{{ number_format($totalAwardedPoints, 2) }}</div>
                    <div class="small text-muted">Total Awarded Points</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-info">
                <div class="card-body text-center">
                    <div class="h4 text-info">{{ $activitiesWithFiles }}</div>
                    <div class="small text-muted">Activities with Files</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-warning">
                <div class="card-body text-center">
                    <div class="h4 text-warning">{{ $pendingEvaluations }}</div>
                    <div class="small text-muted">Pending Evaluations</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Instructions -->
    <div class="alert alert-info mb-4">
        <h6 class="alert-heading"><i class="fas fa-info-circle me-2"></i>Credit Point Summary Instructions</h6>
        <div class="row">
            <div class="col-md-6">
                <strong>For Applicants:</strong>
                <ul class="mb-0">
                    <li>This summary is auto-generated from your D-series entries</li>
                    <li>Ensure all relevant documents are uploaded in respective sections</li>
                    <li>Credit points are calculated based on institutional guidelines</li>
                    <li>Review all entries before final submission</li>
                </ul>
            </div>
            <div class="col-md-6">
                <strong>For Institute Evaluation:</strong>
                <ul class="mb-0">
                    <li>Verify supporting documents for each claim</li>
                    <li>Award credit points based on institutional criteria</li>
                    <li>Add remarks for any adjustments made</li>
                    <li>Complete evaluation for all applicable activities</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Credit Point Summary Table -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">
                    <i class="fas fa-table me-2"></i>D-Series Credit Point Summary
                </h6>
                <div>
                    <button type="button" class="btn btn-sm btn-outline-primary" onclick="refreshSummary()">
                        <i class="fas fa-sync-alt me-1"></i>Refresh Summary
                    </button>
                    @if($application->isEditable())
                        <button type="button" class="btn btn-sm btn-primary" onclick="generateSummary()">
                            <i class="fas fa-calculator me-1"></i>Generate Summary
                        </button>
                    @endif
                </div>
            </div>
        </div>
        <div class="card-body">
            @if($creditSummary->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="table-light">
                            <tr>
                                <th width="8%">D-No</th>
                                <th width="45%">Activity Description</th>
                                <th width="12%">Credit Points Claimed</th>
                                <th width="8%">Files Uploaded</th>
                                <th width="12%">Credit Points Awarded</th>
                                <th width="15%">Institute Remarks</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($creditSummary as $summary)
                            <tr class="{{ $summary->credit_points_claimed > 0 ? 'table-active' : '' }}">
                                <td class="fw-bold text-center">
                                    <span class="badge badge-d-series">{{ $summary->d_no }}</span>
                                </td>
                                <td>
                                    <div class="activity-description">
                                        {{ $summary->activity }}
                                    </div>
                                    @if($summary->credit_points_claimed > 0)
                                        <small class="text-success">
                                            <i class="fas fa-check-circle me-1"></i>Has entries
                                        </small>
                                    @else
                                        <small class="text-muted">
                                            <i class="fas fa-minus-circle me-1"></i>No entries
                                        </small>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($summary->credit_points_claimed > 0)
                                        <span class="fw-bold text-primary">{{ number_format($summary->credit_points_claimed, 2) }}</span>
                                    @else
                                        <span class="text-muted">0.00</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($summary->files_uploaded)
                                        <span class="badge badge-success">
                                            <i class="fas fa-check me-1"></i>Yes
                                        </span>
                                    @else
                                        <span class="badge badge-secondary">
                                            <i class="fas fa-times me-1"></i>No
                                        </span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($summary->credit_points_awarded !== null)
                                        <span class="fw-bold text-success">{{ number_format($summary->credit_points_awarded, 2) }}</span>
                                        @if($summary->credit_points_awarded != $summary->credit_points_claimed)
                                            <br><small class="text-warning">
                                                ({{ $summary->credit_points_awarded > $summary->credit_points_claimed ? '+' : '' }}{{ number_format($summary->credit_points_awarded - $summary->credit_points_claimed, 2) }})
                                            </small>
                                        @endif
                                    @else
                                        <span class="text-warning">
                                            <i class="fas fa-clock me-1"></i>Pending
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    @if($summary->institute_remarks)
                                        <small class="text-muted">{{ Str::limit($summary->institute_remarks, 50) }}</small>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="table-light">
                            <tr class="fw-bold">
                                <td colspan="2" class="text-end">Total:</td>
                                <td class="text-center text-primary">{{ number_format($totalClaimedPoints, 2) }}</td>
                                <td class="text-center">{{ $activitiesWithFiles }}/{{ $totalActivities }}</td>
                                <td class="text-center text-success">{{ number_format($totalAwardedPoints, 2) }}</td>
                                <td class="text-center">
                                    @if($pendingEvaluations > 0)
                                        <span class="text-warning">{{ $pendingEvaluations }} pending</span>
                                    @else
                                        <span class="text-success">Complete</span>
                                    @endif
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <!-- Summary Statistics -->
                <div class="mt-4">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card border-info">
                                <div class="card-body">
                                    <h6 class="card-title text-info">Applicant Summary</h6>
                                    <p class="mb-1"><strong>Total Activities:</strong> {{ $totalActivities }}</p>
                                    <p class="mb-1"><strong>Activities with Entries:</strong> {{ $creditSummary->where('credit_points_claimed', '>', 0)->count() }}</p>
                                    <p class="mb-1"><strong>Activities with Files:</strong> {{ $activitiesWithFiles }}</p>
                                    <p class="mb-0"><strong>Total Claimed Points:</strong> {{ number_format($totalClaimedPoints, 2) }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card border-secondary">
                                <div class="card-body">
                                    <h6 class="card-title text-secondary">Institute Evaluation</h6>
                                    <p class="mb-1"><strong>Completed Evaluations:</strong> {{ $completedEvaluations }}</p>
                                    <p class="mb-1"><strong>Pending Evaluations:</strong> {{ $pendingEvaluations }}</p>
                                    <p class="mb-1"><strong>Total Awarded Points:</strong> {{ number_format($totalAwardedPoints, 2) }}</p>
                                    @if($totalAwardedPoints != $totalClaimedPoints && $completedEvaluations > 0)
                                        <p class="mb-0"><strong>Variance:</strong> 
                                            <span class="{{ $totalAwardedPoints > $totalClaimedPoints ? 'text-success' : 'text-warning' }}">
                                                {{ $totalAwardedPoints > $totalClaimedPoints ? '+' : '' }}{{ number_format($totalAwardedPoints - $totalClaimedPoints, 2) }}
                                            </span>
                                        </p>
                                    @else
                                        <p class="mb-0"><strong>Status:</strong> 
                                            @if($pendingEvaluations == 0)
                                                <span class="text-success">Evaluation Complete</span>
                                            @else
                                                <span class="text-warning">Evaluation Pending</span>
                                            @endif
                                        </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Activity Breakdown Chart -->
                <div class="mt-4">
                    <div class="card border-light">
                        <div class="card-body">
                            <h6 class="card-title text-dark">Activity Breakdown</h6>
                            <div class="row">
                                @php
                                    $activitiesWithPoints = $creditSummary->where('credit_points_claimed', '>', 0)->sortByDesc('credit_points_claimed')->take(6);
                                @endphp
                                @foreach($activitiesWithPoints as $activity)
                                <div class="col-md-2 col-sm-4 col-6 mb-3">
                                    <div class="text-center">
                                        <div class="h6 text-primary">{{ number_format($activity->credit_points_claimed, 1) }}</div>
                                        <small class="text-muted">{{ $activity->d_no }}</small>
                                        <div class="mt-1">
                                            @if($activity->files_uploaded)
                                                <span class="badge badge-success badge-sm">
                                                    <i class="fas fa-file"></i>
                                                </span>
                                            @endif
                                            @if($activity->credit_points_awarded !== null)
                                                <span class="badge badge-info badge-sm">
                                                    <i class="fas fa-check"></i>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-table fa-4x text-muted mb-3"></i>
                    <h5 class="text-muted">No Credit Point Summary Available</h5>
                    <p class="text-muted">Generate the summary to view your D-series credit points.</p>
                    @if($application->isEditable())
                        <button type="button" class="btn btn-primary" onclick="generateSummary()">
                            <i class="fas fa-calculator me-2"></i>Generate Summary
                        </button>
                    @endif
                </div>
            @endif
        </div>
    </div>

    <!-- Navigation -->
    <div class="d-flex justify-content-between mt-4">
        <div>
            @if($previousStep)
                <a href="{{ route('applicant.applications.step', [$application, $previousStep->slug]) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left me-1"></i>Previous: {{ $previousStep->name }}
                </a>
            @endif
        </div>
        
        <div>
            @php
                $nextStep = $currentStep->getNextStep();
            @endphp
            @if($nextStep)
                <a href="{{ route('applicant.applications.step', [$application, $nextStep->slug]) }}" class="btn btn-primary">
                    Next: {{ $nextStep->name }} <i class="fas fa-arrow-right ms-1"></i>
                </a>
            @endif
        </div>
    </div>
</div>

<script>
function generateSummary() {
    if (confirm('This will regenerate the credit point summary from your D-series entries. Continue?')) {
        fetch(`{{ route('applicant.applications.generate-credit-summary', $application) }}`, {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                'Content-Type': 'application/json',
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                location.reload();
            } else {
                alert('Error generating summary: ' + (data.message || 'Unknown error'));
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error generating summary');
        });
    }
}

function refreshSummary() {
    location.reload();
}

// Auto-refresh summary if it's empty and application is editable
document.addEventListener('DOMContentLoaded', function() {
    @if($creditSummary->count() == 0 && $application->isEditable())
        // Auto-generate summary if none exists
        setTimeout(function() {
            generateSummary();
        }, 1000);
    @endif
});
</script>

<style>
.card {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.card-header {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
}

.table th {
    background-color: #f8f9fc;
    border-color: #e3e6f0;
    font-weight: 600;
    color: #5a5c69;
    font-size: 0.875rem;
}

.table td {
    vertical-align: middle;
    font-size: 0.875rem;
}

.table-active {
    background-color: rgba(0, 123, 255, 0.05);
}

.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.badge-sm {
    font-size: 0.65rem;
    padding: 0.25rem 0.5rem;
}

.badge-d-series {
    background-color: #6f42c1;
    color: white;
    font-weight: bold;
}

.badge-success {
    background-color: #28a745;
    color: white;
}

.badge-secondary {
    background-color: #6c757d;
    color: white;
}

.badge-info {
    background-color: #17a2b8;
    color: white;
}

.activity-description {
    font-size: 0.9rem;
    line-height: 1.4;
}

.alert {
    border: none;
    border-radius: 0.5rem;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}
</style>
@endsection