{{-- ==========================================================
     REPORT CARD
========================================================== --}}

<div 
    class="report-card"

    data-student-id="{{ $student->id }}"

    data-class-id="{{ $class->id }}"

    data-term="{{ $term }}"

    data-session="{{ $session }}"

    style="
        position: relative;
        background: #ffffff;
        width: 100%;
        margin-bottom: 30px;
        padding: 20px;
        border: none;
        box-shadow: none;
        overflow: hidden;
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    "
>


    {{-- ======================================================
         PAYMENT RESTRICTION
    ======================================================= --}}

    @if($paymentRestriction ?? false)

        <div class="alert alert-danger text-center" style="border: 2px solid #dc3545; border-radius: 8px; padding: 25px 15px; margin: 20px auto; max-width: 900px;">

            <h4 style="font-weight: 800; margin-bottom: 10px;">
                <i class="fas fa-lock"></i>
                RESULT ACCESS RESTRICTED
            </h4>

            <p style="margin-bottom: 20px;">
                Your current bill is above the allowed debt limit.
                Please contact the school bursary for further assistance.
            </p>

            <div class="row justify-content-center">

                <div class="col-md-3 mb-3">
                    <div class="fw-bold">Current Bill</div>
                    <div class="fs-5">₦{{ number_format($currentBillTotal ?? 0, 2) }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <div class="fw-bold">Total Paid</div>
                    <div class="fs-5">₦{{ number_format($currentPaid ?? 0, 2) }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <div class="fw-bold">Remaining Outstanding</div>
                    <div class="fs-5">₦{{ number_format($balance ?? 0, 2) }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <div class="fw-bold">Allowed Debt Limit</div>
                    <div class="fs-5">₦{{ number_format($debtLimit ?? 0, 2) }}</div>
                </div>

            </div>

        </div>

    @else


{{-- ======================================================
     REPORT CARD ACTION BUTTONS
======================================================= --}}

<div class="d-flex justify-content-end mb-3 report-card-actions">
 
        <button
            type="button"
            class="btn btn-danger btn-sm"
            onclick="studentDownloadPDF(this)"
        >
            <i class="fas fa-file-pdf"></i>
            
            Download PDF
        </button>

</div>



    {{-- ======================================================
         TABLE 1 — SCHOOL HEADER
         NO BORDER
    ======================================================= --}}

    <table
        class="report-school-header"
        style="
            width: 100%;
            border-collapse: collapse;
            border: none;
        "
    >

        <tr>


            {{-- ==================================================
                 SCHOOL LOGO
            =================================================== --}}

            <td
                class="school-logo-cell"
                style="
                    width: 20%;
                    text-align: left;
                    padding: 10px;
                    border: none;
                    vertical-align: middle;
                "
            >

                @if($schoolHeader?->school_logo)

                    <img
                        src="{{ asset('uploads/school_logos/' . $schoolHeader->school_logo) }}"
                        class="school-logo"
                        alt="School Logo"
                        style="
                            width: 120px;
                            max-width: 100%;
                            height: auto;
                        "
                    >

                @else

                    <div
                        style="
                            width: 120px;
                            height: 100px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: 12px;
                            font-weight: 600;
                        "
                    >
                        SCHOOL LOGO
                    </div>

                @endif

            </td>



            {{-- ==================================================
                 SCHOOL INFORMATION
            =================================================== --}}

            <td
                class="school-information-cell"
                style="
                    width: 60%;
                    text-align: center;
                    padding: 10px;
                    border: none;
                    vertical-align: middle;
                "
            >


                <div
                    class="school-name"
                    style="
                        font-size: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #198754;
                    "
                >
                    {{ $schoolHeader?->school_name ?? 'SCHOOL NAME' }}
                </div>


                @if($schoolHeader?->school_address)

                
                        {{ $schoolHeader->school_address }}
                    

                @endif


                @if(
                    $schoolHeader?->phone_number_1 ||
                    $schoolHeader?->phone_number_2
                )

  

                        @if($schoolHeader?->phone_number_1)

                            {{ $schoolHeader->phone_number_1 }}

                        @endif


                        @if(
                            $schoolHeader?->phone_number_1 &&
                            $schoolHeader?->phone_number_2
                        )

                            <span>
                                |
                            </span>

                        @endif


                        @if($schoolHeader?->phone_number_2)

                            {{ $schoolHeader->phone_number_2 }}

                        @endif

                
                @endif


                @if($schoolHeader?->website)


                        {{ $schoolHeader->website }}
                    </div>

                @endif


                @if($schoolHeader?->email)

                        {{ $schoolHeader->email }}
                    </div>

                @endif


                @if($schoolHeader?->school_moto)

                    <div
                        class="school-motto"
                        style="
                            font-size: 13px;
                            font-style: italic;
                            font-weight: 600;
                            margin-top: 5px;
                        "
                    >
                        "{{ $schoolHeader->school_moto }}"
                    </div>

                @endif


                <div
                    class="performance-title"
                    style="
                        font-size: 18px;
                        font-weight: 700;
                        text-transform: uppercase;
                        margin-top: 10px;
                    "
                >
                    NATIONAL POLICY ON EDUCATION CONTINOUS ASSESSMENT {{ $session }} ACADEMIC SESSION
                </div> 



                <div
                    class="pupil-id"
                    style="
                        font-size: 14px;
                        font-weight: 600;
                        margin-top: 3px;
                    "
                >

                    Pupil's ID:

                    <strong>
                        {{ strtoupper($student->user->user_name ?? '-') }}
                    </strong>

                </div>


            </td>



            {{-- ==================================================
                 STUDENT PHOTO
            =================================================== --}}

            <td
                class="student-photo-cell"
                style="
                    width: 20%;
                    text-align: center;
                    padding: 10px;
                    border: none;
                    vertical-align: middle;
                "
            >

                @if($student->photo)

                    <img
                        src="{{ asset('uploads/student_photos/' . $student->photo) }}"
                        class="student-photo"
                        alt="Student Photo"
                        style="
                            width: 120px;
                            height: 120px;
                            object-fit: cover;
                            border: 1px solid #000;
                        "
                    >

                @else

                    <div
                        style="
                            width: 120px;
                            height: 120px;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            margin: auto;
                        "
                    >

                        <i class="fas fa-user"
                           style="font-size: 35px;">
                        </i>

                        <span>
                            No Photo
                        </span>

                    </div>

                @endif

            </td>


        </tr>

    </table>



    {{-- ======================================================
         TABLE 2 — STUDENT INFORMATION
         NO BORDER
    ======================================================= --}}

    <table
        class="report-student-information"
        style="
            width: 100%;
            margin-top: 10px;
            border-collapse: collapse;
            border: none;
        "
    >

        <tr>

            <td
                style="
                    border: none;
                    padding: 8px;
                    font-size: 14px;
                "
            >

                <span
                    style="font-weight: 700;"
                >
                    Session:
                </span>

                {{ $session }}

            </td>


            <td
                style="
                    border: none;
                    padding: 8px;
                    font-size: 14px;
                "
            >

                <span
                    style="font-weight: 700;"
                >
                    Term:
                </span>

                {{ $term }}

            </td>


            <td
                style="
                    border: none;
                    padding: 8px;
                    font-size: 14px;
                "
            >

                <span
                    style="font-weight: 700;"
                >
                    Class:
                </span>

                {{ $class->class_name }}

            </td>

        </tr>


        <tr>

            <td
                style="
                    border: none;
                    padding: 8px;
                    font-size: 14px;
                "
            >

                <span
                    style="font-weight: 700;"
                >
                    Pupil's Name:
                </span>

                <br>

                <b style="color: #198754;">
                    {{ strtoupper($student->name) }}
                </b>

            </td>


            <td
                style="
                    border: none;
                    padding: 8px;
                    font-size: 14px;
                "
            >

                <span
                    style="font-weight: 700;"
                >
                    Total Score:
                </span>

                {{ number_format($totalScore) }}

            </td>


            <td
                style="
                    border: none;
                    padding: 8px;
                    font-size: 14px;
                "
            >

                <div>

                    <span
                        style="font-weight: 700;"
                    >
                        Percentage:
                    </span>

                    {{ number_format($percentage) }}%

                </div>


                <div>

                    <span
                        style="font-weight: 700;"
                    >
                        Remark:
                    </span>

                    {{ $overallRemark }}

                </div>

            </td>

        </tr>

    </table>



    {{-- ======================================================
         REPORT BODY
    ======================================================= --}}

    <div class="report-card-results-area">



{{-- ==========================================================
     ATTENDANCE + TERM INFORMATION
     SCREEN + PRINT SAFE VERSION
========================================================== --}}

<div
    class="attendance-term-wrapper"
    style="
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
    "
>

    {{-- ======================================================
         ATTENDANCE RECORD
    ======================================================= --}}

    <div
        class="attendance-column"
        style="
            display: table-cell;
            width: 40%;
            vertical-align: top;
        "
    >

        <div
            class="attendance-box"
            style="
                width: 100%;
                border: 1px solid #000000;
                border-radius: 4px;
                overflow: hidden;
                background: #ffffff;
            "
        >

            {{-- HEADER --}}
            <div
                class="attendance-header"
                style="
                    background-color: #198754;
                    color: #ffffff;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.2;
                    padding: 7px 10px;
                "
            >
                <i class="fas fa-calendar-check"></i>
                ATTENDANCE RECORD
            </div>


            {{-- TABLE --}}
            <table
                class="attendance-table"
                style="
                    width: 100%;
                    border-collapse: collapse;
                    border-spacing: 0;
                    margin: 0;
                    font-size: 13px;
                    line-height: 1.15;
                "
            >

                <tbody>

                    {{-- SCHOOL OPENED --}}
                    <tr>

                        <td
                            class="attendance-label"
                            style="
                                border: 1px solid #000000;
                                padding: 5px 8px;
                                font-weight: 600;
                                color: #000000;
                                background: #ffffff;
                            "
                        >
                            No. of times school opened
                        </td>


                        <td
                            class="attendance-value"
                            style="
                                width: 70px;
                                border: 1px solid #000000;
                                padding: 5px 8px;
                                text-align: center;
                                font-weight: 700;
                                color: #000000;
                                background: #ffffff;
                            "
                        >
                            {{ $attendance['school_opened'] ?? 0 }}
                        </td>

                    </tr>


                    {{-- PRESENT --}}
                    <tr>

                        <td
                            class="attendance-label"
                            style="
                                border: 1px solid #000000;
                                padding: 5px 8px;
                                font-weight: 600;
                                color: #000000;
                                background: #ffffff;
                            "
                        >
                            No. of times Present
                        </td>


                        <td
                            class="attendance-value attendance-present"
                            style="
                                width: 70px;
                                border: 1px solid #000000;
                                padding: 5px 8px;
                                text-align: center;
                                font-weight: 700;
                                color: #198754;
                                background: #ffffff;
                            "
                        >
                            {{ $attendance['present'] ?? 0 }}
                        </td>

                    </tr>


                    {{-- ABSENT --}}
                    <tr>

                        <td
                            class="attendance-label"
                            style="
                                border: 1px solid #000000;
                                padding: 5px 8px;
                                font-weight: 600;
                                color: #000000;
                                background: #ffffff;
                            "
                        >
                            No. of times Absent
                        </td>


                        <td
                            class="attendance-value attendance-absent"
                            style="
                                width: 70px;
                                border: 1px solid #000000;
                                padding: 5px 8px;
                                text-align: center;
                                font-weight: 700;
                                color: #dc3545;
                                background: #ffffff;
                            "
                        >
                            {{ $attendance['absent'] ?? 0 }}
                        </td>

                    </tr>

                </tbody>

            </table>

        </div>

    </div>


    {{-- ======================================================
         SPACE BETWEEN BOTH TABLES
    ======================================================= --}}

    <div
        class="space-column"
        style="
            display: table-cell;
            width: 20%;
        "
    ></div>


    {{-- ======================================================
         TERM INFORMATION
    ======================================================= --}}

    <div
        class="term-column"
        style="
            display: table-cell;
            width: 40%;
            vertical-align: top;
        "
    >

        <div
            class="term-box"
            style="
                width: 100%;
                border: 1px solid #000000;
                border-radius: 4px;
                overflow: hidden;
                background: #ffffff;
            "
        >

            {{-- HEADER --}}
            <div
                class="term-header"
                style="
                    background-color: #198754;
                    color: #ffffff;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.2;
                    padding: 7px 10px;
                "
            >
                <i class="fas fa-calendar-alt"></i>
                TERM INFORMATION
            </div>


            {{-- TABLE --}}
            <table
                class="term-table"
                style="
                    width: 100%;
                    border-collapse: collapse;
                    border-spacing: 0;
                    margin: 0;
                    font-size: 13px;
                    line-height: 1.15;
                "
            >

                <tbody>

                    {{-- TERM ENDED --}}
                    <tr>

                        <td
                            class="term-label"
                            style="
                                width: 50%;
                                border: 1px solid #000000;
                                padding: 7px 8px;
                                font-weight: 600;
                                color: #000000;
                                background: #ffffff;
                            "
                        >
                            Term Ended
                        </td>


                        <td
                            class="term-value"
                            style="
                                width: 50%;
                                border: 1px solid #000000;
                                padding: 7px 8px;
                                text-align: center;
                                font-weight: 700;
                                color: #000000;
                                background: #ffffff;
                            "
                        >

                            @if(!empty($termCalendar['term_ended']))

                                {{ \Carbon\Carbon::parse(
                                    $termCalendar['term_ended']
                                )->format('d M Y') }}

                            @else

                                N/A

                            @endif

                        </td>

                    </tr>


                    {{-- NEXT TERM BEGINS --}}
                    <tr>

                        <td
                            class="term-label"
                            style="
                                width: 50%;
                                border: 1px solid #000000;
                                padding: 7px 8px;
                                font-weight: 600;
                                color: #000000;
                                background: #ffffff;
                            "
                        >
                            Next Term Begins
                        </td>


                        <td
                            class="term-value"
                            style="
                                width: 50%;
                                border: 1px solid #000000;
                                padding: 7px 8px;
                                text-align: center;
                                font-weight: 700;
                                color: #000000;
                                background: #ffffff;
                            "
                        >

                            @if(!empty($termCalendar['next_term_begins']))

                                {{ \Carbon\Carbon::parse(
                                    $termCalendar['next_term_begins']
                                )->format('d M Y') }}

                            @else

                                N/A

                            @endif

                        </td>

                    </tr>

                </tbody>

            </table>

        </div>

    </div>

</div>




        {{-- ==================================================
             COGNITIVE ASSESSMENT
        =================================================== --}}

        <div
            class="cognitive-assessment"
            style="
                width: 100%;
                margin-top: 15px;
                position: relative;
            "
        >


            {{-- ==================================================
                 COGNITIVE HEADER
                 
                 CHANGE THIS COLOR FOR ANOTHER SCHOOL
            =================================================== --}}

            <div
                class="assessment-title"
                style="
                    width: 100%;
                    
                    color: #4d4a4a;;
                    
                    text-align: center;
                    font-size: 16px;
                    font-weight: 700;
                    padding: 8px;
                    text-transform: uppercase;
                    position: relative;
                    z-index: 3;
                "
            >

                <span>
                    COGNITIVE ASSESSMENT
                </span>


            </div>



            {{-- ==================================================
                 WATERMARK

                 IT IS NOW CENTERED INSIDE THE COGNITIVE
                 ASSESSMENT AREA, BELOW THE HEADER.
            =================================================== --}}

            @if($schoolHeader?->school_logo)

<div
    class="report-watermark"
    style="
        position: absolute;
        top: 120px;
        left: 55%;
        transform: translateX(-50%);
        width: 420px;
        height: 420px;
        opacity: 0.1;
        pointer-events: none;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    "
>

        <img
            src="{{ asset('uploads/school_logos/' . $schoolHeader->school_logo) }}"
            alt="School Watermark"
            style="
                width: 100%;
                height: 100%;
                object-fit: contain;
            "
        >

    </div>

@endif



            <div
                class="table-responsive"
                style="
                    position: relative;
                    z-index: 2;
                "
            >


                <table
                    class="cognitive-table"
                    style="
                        width: 100%;
                        border-collapse: collapse;
                        table-layout: auto;
                        position: relative;
                    "
                >

<thead>

    <tr>

        {{-- ==========================================================
             S/N
             SAME COLOR AS COGNITIVE HEADER
        =========================================================== --}}

        <th
            rowspan="2"
            class="sn-column"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 7px;
                text-align: center;
                font-size: 13px;
                font-weight: 700;
            "
        >
            S/N
        </th>


        {{-- ==========================================================
             SUBJECT
             SAME BACKGROUND COLOR
        =========================================================== --}}

        <th
            rowspan="2"
            class="subject-column"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 7px;
                text-align: center;
                font-size: 13px;
                font-weight: 700;
            "
        >
            SUBJECT
        </th>


        {{-- ==========================================================
             LAST TERM CUM
             
             ONLY SECOND AND THIRD TERM
        =========================================================== --}}

        @if($term !== 'First Term')

            <th
                rowspan="2"
                class="cum-column"
                style="
                    background-color: #198754;
                    color: #ffffff;
                    border: 1px solid #000;
                    padding: 6px;
                    text-align: center;
                    font-size: 12px;
                    font-weight: 700;
                "
            >

                LAST TERM CUM

                <br>

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (A)
                </small>

            </th>

        @endif


        {{-- ==========================================================
             CONTINUOUS ASSESSMENT
        =========================================================== --}}

        <th
            colspan="3"
            class="ca-heading"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 7px;
                text-align: center;
                font-size: 13px;
                font-weight: 700;
            "
        >
            CONTINUOUS ASSESSMENT
        </th>


        {{-- ==========================================================
             CA
             
             FORMULA CHANGES BASED ON TERM
        =========================================================== --}}

        <th
            rowspan="2"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 6px;
                text-align: center;
                font-size: 12px;
                font-weight: 700;
            "
        >

            CA

            <br>

            @if($term === 'First Term')

                <small
                    style="
                        font-size: 9px;
                        font-weight: 600;
                    "
                >
                    (A+B+C)/3
                </small>

            @else

                <small
                    style="
                        font-size: 9px;
                        font-weight: 600;
                    "
                >
                    (B+C+D)/3
                </small>

            @endif

        </th>


        {{-- ==========================================================
             EXAM
        =========================================================== --}}

        <th
            rowspan="2"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 6px;
                text-align: center;
                font-size: 12px;
                font-weight: 700;
            "
        >

            EXAM

            <br>

            @if($term === 'First Term')

                <small
                    style="
                        font-size: 9px;
                        font-weight: 600;
                    "
                >
                    (D)
                </small>

            @else

                <small
                    style="
                        font-size: 9px;
                        font-weight: 600;
                    "
                >
                    (E)
                </small>

            @endif

        </th>


        {{-- ==========================================================
             TOTAL
             
             IMPORTANT:
             This explains that Total is CA + Exam divided by 2.
        =========================================================== --}}

        <th
            rowspan="2"
            class="total-heading"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 6px;
                text-align: center;
                font-size: 12px;
                font-weight: 700;
            "
        >

            TOTAL

            <br>

            <small
                style="
                    font-size: 9px;
                    font-weight: 600;
                "
            >
                (CA+Exam)/2
            </small>

        </th>


        {{-- ==========================================================
             CUMULATIVE AVERAGE
             
             SECOND AND THIRD TERM ONLY
             
             IMPORTANT:
             For THIRD TERM the controller now calculates:
             
             (LAST TERM CUM + THIRD TERM TOTAL) / 2
             
             The displayed explanation remains:
             
             (A+G)/2
             
             because:
             
             A = Last Term Cum
             G = Current Term Total
        =========================================================== --}}

        @if($term !== 'First Term')

            <th
                rowspan="2"
                class="cum-average-heading"
                style="
                    background-color: #198754;
                    color: #ffffff;
                    border: 1px solid #000;
                    padding: 6px;
                    text-align: center;
                    font-size: 12px;
                    font-weight: 700;
                "
            >

                CUMULATIVE

                <br>

                AVERAGE

                <br>

                <small
                    style="
                        font-size: 9px;
                        font-weight: 600;
                    "
                >
                    (A+TOTAL)/2
                </small>

            </th>

        @endif


        {{-- ==========================================================
             GRADE
        =========================================================== --}}

        <th
            rowspan="2"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 7px;
                text-align: center;
                font-size: 13px;
                font-weight: 700;
            "
        >
            GRADE
        </th>


        {{-- ==========================================================
             REMARK
        =========================================================== --}}

        <th
            rowspan="2"
            class="remark-column"
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 7px;
                text-align: center;
                font-size: 13px;
                font-weight: 700;
            "
        >
            REMARK
        </th>

    </tr>


    {{-- ==============================================================
         SECOND HEADER ROW
         
         THIS IS WHERE A, B, C, D, E ARE SHOWN
    ============================================================== --}}

    <tr>


        {{-- ==========================================================
             CA 1
        =========================================================== --}}

        <th
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 6px;
                text-align: center;
                font-size: 11px;
                font-weight: 700;
            "
        >

            CA 1

            <br>

            @if($term === 'First Term')

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (A)
                </small>

            @else

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (B)
                </small>

            @endif

        </th>


        {{-- ==========================================================
             CA 2
        =========================================================== --}}

        <th
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 6px;
                text-align: center;
                font-size: 11px;
                font-weight: 700;
            "
        >

            CA 2

            <br>

            @if($term === 'First Term')

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (B)
                </small>

            @else

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (C)
                </small>

            @endif

        </th>


        {{-- ==========================================================
             CA 3
        =========================================================== --}}

        <th
            style="
                background-color: #198754;
                color: #ffffff;
                border: 1px solid #000;
                padding: 6px;
                text-align: center;
                font-size: 11px;
                font-weight: 700;
            "
        >

            CA 3

            <br>

            @if($term === 'First Term')

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (C)
                </small>

            @else

                <small
                    style="
                        font-size: 10px;
                        font-weight: 600;
                    "
                >
                    (D)
                </small>

            @endif

        </th>

    </tr>

</thead>


                    <tbody>


                        @php
                            $serialNumber = 1;
                        @endphp


                        @foreach($assignedSubjects as $assignedSubject)


                            @php

                                $subject =
                                    $assignedSubject->subject;


                                /*
                                |--------------------------------------------------------------------------
                                | CURRENT TERM RESULT
                                |--------------------------------------------------------------------------
                                */

                                $result =
                                    $results->firstWhere(
                                        'subject_id',
                                        $assignedSubject->subject_id
                                    );


                                /*
                                |--------------------------------------------------------------------------
                                | CUMULATIVE DATA
                                |--------------------------------------------------------------------------
                                */

                                $subjectCumulative =
                                    $cumulativeData[
                                        $assignedSubject->subject_id
                                    ]
                                    ?? [

                                        'last_term_cum' =>
                                            null,

                                        'cumulative_average' =>
                                            null,

                                    ];

                            @endphp



                            <tr>


                                {{-- ==================================================
                                     S/N
                                =================================================== --}}

                                <td
                                    class="sn-cell"
                                    style="
                                        background-color: #198754;
                                        color: #ffffff;
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                        font-weight: 700;
                                    "
                                >
                                    {{ $serialNumber++ }}
                                </td>



                                {{-- ==================================================
                                     SUBJECT

                                     SAME BACKGROUND COLOR
                                =================================================== --}}

                                <td
                                    class="subject-name"
                                    style="
                                       background-color: #93d6b7;
                                        color: #000;
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: left;
                                        font-size: 13px;
                                        font-weight: 700;
                                    "
                                >
                                    {{ $subject?->subject_name ?? 'N/A' }}
                                </td>



                                {{-- ==================================================
                                     LAST TERM CUM
                                =================================================== --}}

                                @if($term !== 'First Term')

                                    <td
                                        class="last-cum-cell"
                                        style="
                                            border: 1px solid #000;
                                            padding: 7px;
                                            text-align: center;
                                            font-size: 13px;
                                        "
                                    >

                                        @if(
                                            $subjectCumulative['last_term_cum']
                                            !== null
                                        )

                                            {{ number_format(
                                                $subjectCumulative['last_term_cum'],
                                                
                                            ) }}

                                        @else

                                            -

                                        @endif

                                    </td>

                                @endif



                                {{-- ==================================================
                                     CA 1
                                =================================================== --}}

                                <td
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                    "
                                >
                                    {{ $result
                                        ? number_format($result->ca1)
                                        : '-'
                                    }}
                                </td>



                                {{-- ==================================================
                                     CA 2
                                =================================================== --}}

                                <td
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                    "
                                >
                                    {{ $result
                                        ? number_format($result->ca2)
                                        : '-'
                                    }}
                                </td>



                                {{-- ==================================================
                                     CA 3
                                =================================================== --}}

                                <td
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                    "
                                >
                                    {{ $result
                                        ? number_format($result->ca3)
                                        : '-'
                                    }}
                                </td>



                                {{-- ==================================================
                                     CURRENT CA
                                     EXISTING CALCULATION — UNCHANGED
                                =================================================== --}}

                                <td
                                    class="ca-cell"
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                    "
                                >

                                    {{ $result
                                        ? number_format(
                                            $result->cumulative_average,
                                            
                                        )
                                        : '-'
                                    }}

                                </td>



                                {{-- ==================================================
                                     EXAM
                                     EXISTING CALCULATION — UNCHANGED
                                =================================================== --}}

                                <td
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                    "
                                >

                                    {{ $result
                                        ? number_format($result->exam)
                                        : '-'
                                    }}

                                </td>



                                {{-- ==================================================
                                     CURRENT TERM TOTAL
                                     EXISTING CALCULATION — UNCHANGED
                                =================================================== --}}

                                <td
                                    class="total-cell"
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                        font-weight: 700;
                                    "
                                >

                                    {{ $result
                                        ? number_format($result->total, )
                                        : '-'
                                    }}

                                </td>



                                {{-- ==================================================
                                     CUMULATIVE AVERAGE
                                     EXISTING CALCULATION — UNCHANGED
                                =================================================== --}}

                                @if($term !== 'First Term')

                                    <td
                                        class="cumulative-average-cell"
                                        style="
                                            border: 1px solid #000;
                                            padding: 7px;
                                            text-align: center;
                                            font-size: 13px;
                                        "
                                    >

                                        @if(
                                            $subjectCumulative[
                                                'cumulative_average'
                                            ] !== null
                                        )

                                            {{
                                                number_format(
                                                    $subjectCumulative[
                                                        'cumulative_average'
                                                    ],
                                                    
                                                )
                                            }}

                                        @else

                                            -

                                        @endif

                                    </td>

                                @endif



                                {{-- ==================================================
                                     GRADE
                                =================================================== --}}

                                <td
                                    class="grade-cell"
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                        font-weight: 700;
                                    "
                                >

                                    {{ $result?->grade ?? '-' }}

                                </td>



                                {{-- ==================================================
                                     REMARK
                                =================================================== --}}

                                <td
                                    class="remark-cell"
                                    style="
                                        border: 1px solid #000;
                                        padding: 7px;
                                        text-align: center;
                                        font-size: 13px;
                                    "
                                >

                                    {{ $result?->remark ?? '-' }}

                                </td>


                            </tr>


                        @endforeach


                    </tbody>


                </table>


            </div>



            {{-- ==========================================================
                 CALCULATION GUIDE

                 THIS DOES NOT PERFORM ANY CALCULATION.
                 IT ONLY EXPLAINS THE EXISTING RESULT.
            =========================================================== --}}

            <center>
                <p><strong
                    style="
                        color: #198754;
                    "
                >
                    Hints:
                </strong>
                   A- Excellent :- 70% above, B-Very Good:60%-69%, C-Good:50%-59%, D-Fair:40%-49%, E-Poor:30%-39%, F-Fail:0%-39%</p>


            </center>
            


        </div>




        {{-- ==============================================================
     PSYCHOMOTOR & AFFECTIVE ASSESSMENT
     
     THIS TABLE IS DISPLAYED BELOW THE COGNITIVE ASSESSMENT.
     
     The data comes from the PsychoAssessment model and has already
     been filtered in the controller using:
     
     student_id
     student_classes_id
     term
     session
================================================================ --}}

{{-- ==========================================================
     PSYCHOMOTOR & AFFECTIVE ASSESSMENT
========================================================== --}}

<div
    class="psycho-affective-assessment"
    style="
        width: 100%;
        margin-top: 18px;
        position: relative;
        z-index: 2;
    "
>


    {{-- ======================================================
         SECTION HEADER
    ======================================================= --}}

    <div
        style="
            width: 100%;
           
            color: #4d4a4a;
            
            text-align: center;
            font-size: 16px;
            font-weight: 700;
            padding: 8px;
            text-transform: uppercase;
            position: relative;
            z-index: 3;
        "
    >

        PSYCHOMOTOR & AFFECTIVE ASSESSMENT

    </div>



    {{-- ======================================================
         WATERMARK
         
         CENTERED BEHIND THE ASSESSMENT TABLE
    ======================================================= --}}

    @if($schoolHeader?->school_logo)

        <div
            style="
                position: absolute;
                top: 70px;
                left: 50%;
                transform: translateX(-50%);
                width: 150px;
                height: 150px;
                opacity: 0.1;
                pointer-events: none;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            "
        >

            <img
                src="{{ asset('uploads/school_logos/' . $schoolHeader->school_logo) }}"
                alt="School Watermark"
                style="
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                "
            >

        </div>

    @endif



    {{-- ======================================================
         ASSESSMENT TABLE
    ======================================================= --}}

    <table
        style="
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
            position: relative;
            z-index: 2;
        "
    >

        <thead>

            <tr>

                {{-- ASSESSMENT 1 --}}

                <th
                    style="
                        width: 20%;
                        background-color: #198754;
                        color: #ffffff;
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    ASSESSMENT
                </th>


                {{-- SCALE 1 --}}

                <th
                    style="
                        width: 13.33%;
                        background-color: #198754;
                        color: #ffffff;
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    SCALE
                </th>


                {{-- ASSESSMENT 2 --}}

                <th
                    style="
                        width: 20%;
                        background-color: #198754;
                        color: #ffffff;
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    ASSESSMENT
                </th>


                {{-- SCALE 2 --}}

                <th
                    style="
                        width: 13.33%;
                        background-color: #198754;
                        color: #ffffff;
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    SCALE
                </th>


                {{-- ASSESSMENT 3 --}}

                <th
                    style="
                        width: 20%;
                        background-color: #198754;
                        color: #ffffff;
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    ASSESSMENT
                </th>


                {{-- SCALE 3 --}}

                <th
                    style="
                        width: 13.33%;
                        background-color: #198754;
                        color: #ffffff;
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    SCALE
                </th>

            </tr>

        </thead>



        <tbody>


            {{-- ==================================================
                 ROW 1
            =================================================== --}}

            <tr>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Attendance
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->attendance ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Punctuality
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->punctuality ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Neatness
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->neatness ?? '-' }}
                </td>

            </tr>



            {{-- ==================================================
                 ROW 2
            =================================================== --}}

            <tr>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Honesty
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->honesty ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Musical
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->musical ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Initiative
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->initiative ?? '-' }}
                </td>

            </tr>



            {{-- ==================================================
                 ROW 3
            =================================================== --}}

            <tr>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Creativity
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->creativity ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Sport
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->sport ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Perseverance
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->perseverance ?? '-' }}
                </td>

            </tr>



            {{-- ==================================================
                 ROW 4
            =================================================== --}}

            <tr>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: left;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    Cooperation
                </td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 700;
                    "
                >
                    {{ $psychoAssessment?->cooperation ?? '-' }}
                </td>


                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                    "
                ></td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                    "
                ></td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                    "
                ></td>

                <td
                    style="
                        border: 1px solid #000;
                        padding: 7px;
                    "
                ></td>

            </tr>


        </tbody>

    </table>

</div>


{{-- ==========================================================
     TEACHER COMMENT / PRINCIPAL COMMENT / SCHOOL STAMP
     
     NO HEADER
     NO BORDER
     TWO COLUMNS ONLY
========================================================== --}}

<table
    class="report-comments-stamp"
    style="
        width: 100%;
        border-collapse: collapse;
        border: none;
        margin-top: 15px;
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    "
>

    <tr>


        {{-- ==================================================
             LEFT TD
             
             TEACHER COMMENT
             PRINCIPAL COMMENT
        =================================================== --}}

        <td
            style="
                width: 70%;
                vertical-align: top;
                border: none;
                padding: 8px;
                font-size: 13px;
                line-height: 1.6;
            "
        >

            <div>

                <strong>
                    Teacher's Comment:
                </strong>

                <u> {{ $student->name }} </u>:

                {{ $psychoAssessment?->teacher_comment ?? '-' }}

            </div>


            <br>


            <div>

                <strong>
                    Principal's Comment:
                </strong>

                {{ $psychoAssessment?->principal_comment ?? '-' }}

            </div>

        </td>



        {{-- ==================================================
             RIGHT TD
             
             SCHOOL STAMP ONLY
             NO HEADER
        =================================================== --}}

        <td
            style="
                width: 30%;
                vertical-align: middle;
                text-align: center;
                border: none;
                padding: 2px;
            "
        >
 
            @if(
                $termCalendar &&
                $termCalendar->school_stamp
            )

                <img
                    src="{{ asset(
                        'stamp_images/' .
                        $termCalendar->school_stamp
                    ) }}"
                    alt="School Stamp"
                    style="
                        width: 100px;
                        height: 100px;
                        object-fit: contain;
                        display: block;
                        margin: auto;
                    "
                >

            @endif

        </td>

   </tr>

{{-- ==========================================================
     PROMOTION STATUS
========================================================== --}}

@php
    $promotionStatus =
        \App\Models\PromotionGrade::determineStatus(
            $student->id,
            $class->id,
            $term,
            $session
        );
@endphp

@if(!empty($promotionStatus))
    <tr>
        <td
            colspan="2"
            style="
                border: none;
                text-align: center;
                padding: 12px 8px 8px 8px;
                font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
            "
        >
            <span style="
                font-size: 14px;
                font-weight: 700;
                text-transform: uppercase;
            ">
                <!--Promotion Status: -->
            </span>

            @if($promotionStatus === 'PROMOTED')
                <span style="
                    font-size: 16px;
                    font-weight: 800;
                    color: #198754;
                    text-transform: uppercase;
                ">
                    PROMOTED
                </span>
            @else
            <!--
                <span style="
                    font-size: 16px;
                    font-weight: 800;
                    color: #dc3545;
                    text-transform: uppercase;
                ">
                    PROMOTED ON TRIAL
                </span>
-->
            @endif
        </td>
    </tr>
@endif


</table>



         </div>


    </div>


@endif


</div>