@extends('admin.layouts.master')

@section('title', 'Student Statement of Result')

@section('css')
<style>
    @media print {
        .admin-header-controls, .main-sidebar, .main-header, .main-footer, .content-header, .status-col-header, .status-col-cell {
            display: none !important;
        }
        .content-wrapper {
            margin-left: 0 !important;
            padding: 0 !important;
            background: #ffffff !important;
        }
        .statement-paper-container {
            box-shadow: none !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            width: 100% !important;
        }
        .semester-block-container {
            page-break-inside: avoid;
        }
    }

    .statement-paper-container {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 2.5rem 3rem;
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
        margin-bottom: 2rem;
    }

    .search-card-admin {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        border-radius: 16px;
        padding: 1.75rem 2rem;
        color: #ffffff;
        margin-bottom: 2rem;
        box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.25);
    }

    .table-statement-header {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .table-statement-courses {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 1.25rem;
    }

    .table-statement-courses th {
        background: #e2e8f0;
        color: #0f172a;
        font-weight: 700;
        font-size: 0.85rem;
        padding: 6px 10px;
        border: 1px solid #475569;
        text-align: center;
    }

    .table-statement-courses td {
        padding: 6px 10px;
        border: 1px solid #cbd5e1;
        font-size: 0.85rem;
        color: #0f172a;
    }

    .table-statement-summary {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 2rem;
    }

    .table-statement-summary td {
        border: 1px solid #475569;
        padding: 5px 8px;
        font-size: 0.825rem;
    }

    .badge-sem-tag {
        background: #047857;
        color: #ffffff;
        font-weight: 700;
        padding: 0.35rem 0.85rem;
        border-radius: 6px;
        font-size: 0.85rem;
        display: inline-block;
        margin-bottom: 0.75rem;
    }
</style>
@endsection

@section('content')
<div class="content-header">
    <div class="container-fluid">

        <!-- Admin Search & Filter Bar (Hidden on Print) -->
        <div class="search-card-admin admin-header-controls">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-3 mb-lg-0">
                    <h3 class="font-weight-bold mb-1" style="font-size: 1.5rem;">
                        <i class="fas fa-file-invoice text-success mr-2"></i> Student Statement of Result Desk
                    </h3>
                    <p class="mb-0 text-slate-300" style="font-size: 0.9rem; opacity: 0.85;">
                        Search any student matriculation number to generate their complete Academic Statement across all registered semesters.
                    </p>
                </div>
                <div class="col-lg-6">
                    <form action="{{ route('admin.student.statement') }}" method="GET" class="form-inline justify-content-lg-end">
                        <div class="input-group w-100" style="max-width: 420px;">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg-white border-0 text-muted"><i class="fas fa-search"></i></span>
                            </div>
                            <input type="text" name="matric" class="form-control form-control-lg border-0" placeholder="Enter Registration No (e.g. U18DLNS20153)" value="{{ $matric }}" required style="border-radius: 0 0.5rem 0.5rem 0;">
                            <div class="input-group-append ml-2">
                                <button type="submit" class="btn btn-success font-weight-bold px-3" style="border-radius: 0.5rem;">
                                    Fetch Results
                                </button>
                                @if($matric && $student && count($semesterBlocks) > 0)
                                <a href="{{ route('admin.student.statement', ['matric' => $matric, 'print' => 1]) }}" target="_blank" class="btn btn-outline-light font-weight-bold ml-2" style="border-radius: 0.5rem;">
                                    <i class="fas fa-print mr-1"></i> Print
                                </a>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        @if($matric === '')
            <!-- Empty State Prompt -->
            <div class="statement-paper-container text-center py-5">
                <div class="mb-3" style="font-size: 3.5rem; color: #cbd5e1;">
                    <i class="fas fa-user-graduate"></i>
                </div>
                <h4 class="font-weight-bold text-dark mb-2">No Student Selected</h4>
                <p class="text-muted max-w-md mx-auto mb-4" style="max-width: 500px;">
                    Please enter a student's Registration Number (Matriculation Number) in the search bar above to view their consolidated academic statement.
                </p>
            </div>
        @elseif(!$student)
            <!-- Not Found State -->
            <div class="statement-paper-container text-center py-5">
                <div class="mb-3" style="font-size: 3.5rem; color: #ef4444;">
                    <i class="fas fa-exclamation-circle"></i>
                </div>
                <h4 class="font-weight-bold text-dark mb-2">Student Not Found</h4>
                <p class="text-muted mb-4">
                    No student record found matching registration number <code>{{ $matric }}</code>.
                </p>
                <a href="{{ route('admin.student.statement') }}" class="btn btn-primary font-weight-bold">
                    Search Again
                </a>
            </div>
        @elseif(count($semesterBlocks) === 0)
            <!-- Student Exists But No Results -->
            <div class="statement-paper-container text-center py-5">
                <div class="mb-3" style="font-size: 3.5rem; color: #f59e0b;">
                    <i class="fas fa-folder-open"></i>
                </div>
                <h4 class="font-weight-bold text-dark mb-2">No Result Records Found</h4>
                <p class="text-muted mb-1">Student <strong>{{ $student->name }}</strong> (<code>{{ $student->matric }}</code>) was found in the portal system.</p>
                <p class="text-muted mb-4">However, no examination scores have been published for this matriculation number yet.</p>
            </div>
        @else
            <!-- Official Statement of Result Layout -->
            <div class="statement-paper-container">

                <!-- Print Toolbar (Hidden on Print) -->
                <div class="d-flex justify-content-between align-items-center mb-3 admin-header-controls" style="border-bottom: 1px solid #e2e8f0; padding-bottom: 0.85rem;">
                    <span class="text-muted font-weight-bold" style="font-size: 0.875rem;">
                        <i class="fas fa-check-circle mr-1 text-success"></i> Official Academic Document &bull; Verified Student Record
                    </span>
                    <a href="{{ route('admin.student.statement', ['matric' => $matric, 'print' => 1]) }}" target="_blank" class="btn btn-success font-weight-bold px-4 shadow-sm" style="border-radius: 8px;">
                        <i class="fas fa-print mr-2"></i> Print Statement of Result
                    </a>
                </div>

                <!-- Publication Status Notice Banner (Hidden on Print) -->
                @if(($unpublishedCount ?? 0) > 0)
                    <div class="alert alert-warning d-flex align-items-center justify-content-between mb-4 admin-header-controls" style="border-radius: 12px; border-left: 5px solid #f59e0b; background: #fffbeb; color: #92400e; padding: 0.9rem 1.25rem;">
                        <div class="d-flex align-items-center">
                            <i class="fas fa-exclamation-triangle fa-lg mr-3" style="color: #d97706;"></i>
                            <div>
                                <strong style="font-size: 0.95rem;">Unpublished Results Warning:</strong>
                                <span style="font-size: 0.875rem;">
                                    This student has <strong>{{ $unpublishedCount }} unpublished result item(s)</strong> (hidden from student portal) and <strong>{{ $publishedCount }} published item(s)</strong>.
                                </span>
                            </div>
                        </div>
                        <button type="button" class="btn btn-sm btn-success font-weight-bold px-3 publish-all-btn ml-3" data-matric="{{ $student->matric }}" style="border-radius: 8px; flex-shrink: 0;">
                            <i class="fas fa-upload mr-1"></i> Publish All Results Now
                        </button>
                    </div>
                @else
                    <div class="alert alert-success d-flex align-items-center mb-4 admin-header-controls" style="border-radius: 12px; border-left: 5px solid #10b981; background: #ecfdf5; color: #065f46; padding: 0.75rem 1.25rem;">
                        <i class="fas fa-check-circle fa-lg mr-3 text-success"></i>
                        <div>
                            <strong style="font-size: 0.875rem;">All Results Published:</strong>
                            <span style="font-size: 0.85rem;">All {{ $publishedCount }} result records for this student are active and published on the student portal.</span>
                        </div>
                    </div>
                @endif

                <!-- Header Letterhead -->
                <table border="0" width="100%" class="mb-4">
                    <tr>
                        <td width="110" align="center" valign="middle">
                            <img border="0" src="{{ asset('dist/img/logos/abu.png') }}" width="90" height="73" alt="ABU Emblem">
                        </td>
                        <td align="center" valign="middle">
                            <p align="center" style="margin: 0; line-height: 1.3;">
                                <b style="font-size: 1.1rem; color: #0f172a;">DEPARTMENT OF {{ strtoupper($student->department_name ?? 'DISTANCE LEARNING CENTRE') }}</b><br>
                                <b style="font-size: 1.05rem; color: #0f172a;">Ahmadu Bello University, Zaria</b><br>
                                <b style="font-size: 0.95rem; color: #047857;">Distance Learning Centre</b><br>
                                <i style="font-size: 0.9rem; color: #475569; font-weight: 600;">STUDENT'S CONSOLIDATED STATEMENT OF RESULT</i>
                            </p>
                        </td>
                        <td width="110" align="center" valign="middle">
                            <img border="0" src="{{ asset('dist/img/user.png') }}" width="80" height="72" alt="Student Photo">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" style="padding-top: 15px;">
                            <div class="p-3 rounded" style="background: #f8fafc; border: 1px solid #cbd5e1; font-size: 0.9rem; color: #0f172a;">
                                <div class="row">
                                    <div class="col-md-6 mb-1">
                                        <strong>Reg. No.:</strong> <span style="font-family: 'JetBrains Mono', monospace; font-weight: 700;">{{ $student->matric }}</span>
                                    </div>
                                    <div class="col-md-6 mb-1">
                                        <strong>Student Name:</strong> {{ $student->name }}
                                    </div>
                                    <div class="col-md-6 mb-1">
                                        <strong>Degree Option:</strong> {{ $student->degree_name }}
                                    </div>
                                    <div class="col-md-6 mb-1">
                                        @php
                                            if($student->level == 700) $lvl = 'PDG';
                                            elseif($student->level == 800) $lvl = 'Year I';
                                            elseif($student->level == 850) $lvl = 'Year II';
                                            elseif($student->level == 875) $lvl = 'Year III';
                                            else $lvl = $student->level;
                                        @endphp
                                        <strong>Level:</strong> {{ $lvl }}
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>

                <hr style="border-top: 2px solid #0f172a; margin-bottom: 2rem;">

                <!-- Loop Through All Registered Semesters -->
                @foreach($semesterBlocks as $block)
                    @php
                        $semNum = $block['semester'];
                        if ($semNum == 1) $semName = 'January';
                        elseif ($semNum == 2) $semName = 'May';
                        elseif ($semNum == 3) $semName = 'September';
                        else $semName = 'Semester ' . $semNum;

                        $record = $block['record'];
                        $grades = $block['grades'];
                    @endphp

                    <div class="semester-block-container mb-4">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span class="badge-sem-tag">
                                <i class="fas fa-calendar-alt mr-1"></i> Academic Session: {{ $block['session'] }}/{{ $block['session'] + 1 }} &bull; {{ $semName }} Semester
                            </span>
                            <span class="text-muted font-weight-bold" style="font-size: 0.85rem;">
                                Academic Records
                            </span>
                        </div>

                        <!-- Semester Course Table -->
                        <table class="table-statement-courses">
                            <thead>
                                <tr>
                                    <th style="width: 40px;">#</th>
                                    <th style="width: 120px;">Course Code</th>
                                    <th>Course Title</th>
                                    <th style="width: 50px;">Unit</th>
                                    <th style="width: 60px;">Score</th>
                                    <th style="width: 60px;">Grade</th>
                                    <th style="width: 80px;">Point</th>
                                    <th style="width: 105px;" class="status-col-header">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($grades as $grade)
                                    <tr class="{{ isset($grade->is_show) && $grade->is_show == 0 ? 'bg-light-warning' : '' }}">
                                        <td align="center">{{ $loop->index + 1 }}</td>
                                        <td align="center" style="font-family: 'JetBrains Mono', monospace; font-weight: 700;">{{ $grade->course_code }}</td>
                                        <td>{{ $grade->title }}</td>
                                        <td align="center">{{ $grade->unit ?? 2 }}</td>
                                        <td align="center" class="font-weight-bold">{{ $grade->score }}</td>
                                        <td align="center">
                                            <span class="font-weight-bold {{ in_array($grade->grade, ['A','B','C']) ? 'text-success' : ($grade->grade === 'F' ? 'text-danger' : 'text-dark') }}">
                                                {{ $grade->grade }}
                                            </span>
                                        </td>
                                        <td align="center" class="font-weight-bold">{{ $grade->point * ($grade->unit ?? 2) }}</td>
                                        <td align="center" class="status-col-cell">
                                            @if(isset($grade->is_show) && $grade->is_show == 1)
                                                <span class="badge badge-success px-2 py-1" style="font-size: 0.7rem;"><i class="fas fa-check-circle mr-1"></i> Published</span>
                                            @else
                                                <button type="button" class="btn btn-xs btn-warning font-weight-bold publish-item-btn" data-id="{{ $grade->id }}" style="font-size: 0.725rem; padding: 2px 8px; border-radius: 6px; background: #f59e0b; color: #ffffff; border: none;">
                                                    <i class="fas fa-upload mr-1"></i> Publish
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <!-- Semester Performance Summary Table -->
                        @if($record)
                            <table class="table-statement-summary">
                                <tr bgcolor="#f1f5f9" style="font-weight: 700; text-transform: uppercase;">
                                    <td width="90">&nbsp;</td>
                                    <td width="70" align="center">TCUR</td>
                                    <td width="70" align="center">TCUE</td>
                                    <td width="70" align="center">TCP</td>
                                    <td width="70" align="center">GPA</td>
                                    <td align="center">Remark / Status</td>
                                </tr>
                                <tr>
                                    <td><strong>Current</strong></td>
                                    <td align="center">{{ $record->current_tcur }}</td>
                                    <td align="center">{{ $record->current_tcue }}</td>
                                    <td align="center">{{ $record->current_tcp }}</td>
                                    @php
                                        $gpa = 0;
                                        if ($record->current_tcur > 0)
                                            $gpa = $record->current_tcp / $record->current_tcur;
                                    @endphp
                                    <td align="center" class="font-weight-bold">{{ round($gpa, 2) }}</td>
                                    <td rowspan="3" valign="middle" style="padding: 10px;">
                                        <span class="font-weight-bold {{ ($record->carry_over === 'Pass.' || str_contains(strtolower($record->remark ?? ''), 'pass')) ? 'text-success' : 'text-danger' }}">
                                            {{ $record->carry_over !== 'Pass.' ? $record->carry_over : '' }}
                                            {{ $record->remark }}
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Previous</strong></td>
                                    <td align="center">{{ $record->previous_tcur }}</td>
                                    <td align="center">{{ $record->previous_tcue }}</td>
                                    <td align="center">{{ $record->previous_tcp }}</td>
                                    @php
                                        $pgpa = 0;
                                        if ($record->previous_tcur > 0)
                                            $pgpa = $record->previous_tcp / $record->previous_tcur;
                                    @endphp
                                    <td align="center">{{ round($pgpa, 2) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Cumulative</strong></td>
                                    <td align="center" class="font-weight-bold">{{ $record->current_tcur + $record->previous_tcur }}</td>
                                    <td align="center" class="font-weight-bold">{{ $record->current_tcue + $record->previous_tcue }}</td>
                                    <td align="center" class="font-weight-bold">{{ $record->current_tcp + $record->previous_tcp }}</td>
                                    @php
                                        $cgpa = 0;
                                        $denom = $record->current_tcur + $record->previous_tcur;
                                        if ($denom > 0)
                                            $cgpa = ($record->current_tcp + $record->previous_tcp) / $denom;
                                    @endphp
                                    <td align="center" class="font-weight-bold text-primary" style="font-size: 0.95rem;">
                                        {{ round($cgpa, 2) }}
                                    </td>
                                </tr>
                            </table>
                        @endif

                    </div>
                @endforeach

                <!-- Statement Signature & Verification Footer -->
                <div class="mt-4 pt-3 text-center" style="border-top: 1px dashed #cbd5e1; font-size: 0.8rem; color: #64748b;">
                    Official Academic Result Audit Document &bull; Generated by ABU Distance Learning Centre Portal &bull; Date: {{ date('F d, Y') }}
                </div>

            </div>
        @endif

    </div>
</div>
@endsection

@section('js')
<script>
    $(document).ready(function() {
        $('.publish-item-btn').on('click', function() {
            var btn = $(this);
            var id = btn.data('id');
            btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i>');
            $.post("{{ route('admin.result.publish.single') }}", { id: id, _token: '{{ csrf_token() }}' }, function(res) {
                location.reload();
            }).fail(function() {
                alert('Failed to publish result.');
                btn.prop('disabled', false).html('<i class="fas fa-upload mr-1"></i> Publish');
            });
        });

        $('.publish-all-btn').on('click', function() {
            var btn = $(this);
            var matric = btn.data('matric');
            if (confirm('Are you sure you want to publish all unpublished results for ' + matric + '?')) {
                btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Publishing...');
                $.post("{{ route('admin.result.publish.all') }}", { matric: matric, _token: '{{ csrf_token() }}' }, function(res) {
                    location.reload();
                }).fail(function() {
                    alert('Failed to publish results.');
                    btn.prop('disabled', false).html('<i class="fas fa-upload mr-1"></i> Publish All Results Now');
                });
            }
        });
    });
</script>
@endsection