<link href='https://fonts.googleapis.com/css2?family=Times New Roman:ital,wght@0,400;0,700;1,400;1,700&display=swap' rel='stylesheet'>
<style>
    .primary-table-report {
        width:100%;
        font-family: 'Times New Roman', serif;
    }
    .printOnlyDisplayData{
        font-family: 'Times New Roman', serif;
    }
    .primary-table-report th {
        text-align: center;
        background: none !important;
        height: 8mm !important;
        padding: 2mm !important;
        font-size: 13px !important;
        border: 1px solid #000 !important;
    }
    .primary-table-report td {
        padding: 2mm;
        height: 8mm !important;
        text-align: center;
        vertical-align: middle !important;
        font-weight: bold !important;
        font-size: 12px !important;
        border: 1px solid #000 !important;
    }
    #result-analysis-Report td{
        font-weight: bold !important;
    }
    .print-border-0 td {
        border: 1px solid #fff !important;
        background-color: #fff !important;
        height: 3mm !important;
    }
    .footer-class {
        font-size: 16px !important;
        margin-top:20px!important;
    }
    .text-left{
        text-align:left!important;
    }
    .p-l-30
    {
        padding-left:30px!important;
    }
    #result-analysis-Report, #resultAnalysis {
        font-family: 'Times New Roman', serif;
    }
</style>
    <div class="page" style="width:100%; margin: 0 auto;">
    {% set trcolSpan =  7  %}
    {% set classclLen =  additionalDetails.uniqueClassNames|length   %}
    {% set classclSpan =   classclLen * 3 %}
    {% set trcolSpan =  6 + classclLen  %}
    <div class=" mt-2 mb-3 printOnlyDisplayData" style='font-size: 24px; line-height:15px;text-align:center;padding:10px!important;'><b><img src="{{additionalDetails.collegeData.collegeHeader}}" alt="College - Header" width="500" height="auto"></b></div>
    <div class=" mt-2 mb-3 printOnlyDisplayData" style='font-size: 20px; line-height:15px;text-align:center;padding:5px!important;'><b>RESULT ANALYSIS {{additionalDetails.couseType}} {{additionalDetails.admissionYear}}-{{additionalDetails.endYear}} BATCH</b></div>
    <table class=" mb-4 primary-table-report border" role="grid">
        <thead>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="text-align:center;padding:10px!important; display:none;" data-f-bold='true' data-a-h='center' colspan="{{trcolSpan}}" >
                    <img src="{{additionalDetails.collegeData.collegeHeader}}" alt="College - Header" width="500" height="auto">
               </td>
            </tr>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="text-align:center;padding:10px!important; display:none;" data-f-bold='true' data-a-h='center' colspan="{{trcolSpan}}" >
                <div style='font-size: 20px; line-height:15px;'><b>RESULT ANALYSIS {{additionalDetails.couseType}} {{additionalDetails.admissionYear}}-{{additionalDetails.endYear}} BATCH</b></div></td>
            </tr>
            <tr></tr>
            <tr class="border">
               <th data-f-bold='true' data-a-h='center' style="width:5%">SL No </th>
                <th data-f-bold='true' data-a-h='center' style="width:30%">Name of the  Program</th>
                <th data-f-bold='true' data-a-h='center' style="width:7%">TOTAL STUDENTS REGISTERED </th>
                <th data-f-bold='true' data-a-h='center' style="width:7%">TOTAL STUDENTS APPEARED</th>
                {% for className in additionalDetails.uniqueClassNames %}
                    <th class='text-center' data-a-h='center' data-a-v='middle'>{{ additionalDetails.classHeaderNames[className] }}</th>
                {% endfor %}
                <th data-f-bold='true' data-a-h='center' style="width:7%">TOTAL STUDENTS PASSED</th>
                <th data-f-bold='true' data-a-h='center' style="width:7%">TOTAL STUDENTS FAILED</th>
                <th data-f-bold='true' data-a-h='center' style="width:7%">TOTAL <br> PASS%</th>
            </tr>
        </thead>
        <tbody>
        {% set slno = 0 %}
        {% for batch in batchWiseResultAnaysis.batches %}
        {% set slno = slno + 1 %}
            <tr>
            <tr class="text-center">
                {% set sl = sl + 1 %}
                <td data-a-h='center' style='font-weight:normal !important'>{{ sl }}</td>
                <td style="text-align:left!important; font-weight:normal !important">{{ batch.programName}} </td>
                <td data-a-h='center'>{{batch.totalCount ? batch.totalCount : 0}}</td>
                <td data-a-h='center'>{{batch.appeared ? batch.appeared : 0}}</td>
                {% for className in additionalDetails.uniqueClassNames %}
                    <td  data-a-h='center' style="width:5%">{{batch.class[className] ? batch.class[className]  : '0'}}</td>
                {% endfor %}
                <td data-a-h='center'>{{batch.passed ? batch.passed : 0}}</td>
                <td data-a-h='center'>{{batch.failed ? batch.failed : 0}}</td>
                <td data-a-h='center'>{{batch.totalPassPercent ? batch.totalPassPercent : 0}}</td>
            </tr>
        {% endfor %}
        <tr class="text-center">
                <td data-a-h='center'></td>
                <td style="text-align:left!important; ">TOTAL</td>
                <td data-a-h='center'>{{batchWiseResultAnaysis.finalResult.totalRegistered ? batchWiseResultAnaysis.finalResult.totalRegistered : 0}}</td>
                <td data-a-h='center'>{{batchWiseResultAnaysis.finalResult.totalAppeared ? batchWiseResultAnaysis.finalResult.totalAppeared : 0}}</td>
                {% for className in additionalDetails.uniqueClassNames %}
                    <td  data-a-h='center' style="width:5%">{{batchWiseResultAnaysis.finalResult.class[className] ? batchWiseResultAnaysis.finalResult.class[className] : '0'}}</td>
                {% endfor %}
                <td data-a-h='center'>{{batchWiseResultAnaysis.finalResult.totalPassed ? batchWiseResultAnaysis.finalResult.totalPassed : 0}}</td>
                <td data-a-h='center'>{{batchWiseResultAnaysis.finalResult.totalFailed ? batchWiseResultAnaysis.finalResult.totalFailed : 0}}</td>
                <td data-a-h='center'>{{batchWiseResultAnaysis.finalResult.totalPassPercent ? batchWiseResultAnaysis.finalResult.totalPassPercent : 0}}</td>
            </tr>
        </tbody>
        
    </table>

</div>
