
<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 id="print-style">
    .p-5{
        padding: 5mm;
    }
    .primary-table table,.secondary-table table{
        border-collapse: collapse !important;
        page-break-inside: auto;
    }
    .primary-table th{
        text-align:center;
        background: none !important;
        height: 5mm  !important;
        border:1px solid #000 !important;
        padding: 0 2mm !important;
    }
    .primary-table td{
        padding: 2mm;
        line-height:15px !important;
        height:6mm !important;
        border:1px solid #000;
        text-align:center;
        vertical-align:middle !important;
    }
    @media screen{
        .page-a4{
            width: 21cm !important;
            padding-left:1cm !important;
            margin: auto;
        }
    }
    .page-a4{
        width: 100%; 
        border: none; 
        page-break-before: always;
        position: relative;
        min-height:27.5cm;
    }
    .border-0{
        border:none !important;
    }
    .bold {
        font-weight: 700 !important;
    }
    .text-center{
        text-align:center;
    }
    .text-left{
        text-align:left !important;
    }
    .text-right{
        text-align:right !important;
    }
    .college-head{
        text-align: left !important;
        font-weight: bold !important;
        font-size: 17pt !important;
        line-height: 25px !important;
        font-family: 'Museo Sans 300' !important;
    }
    .college-name{
        text-align: left !important;
        font-size: 13pt !important;
        line-height: 19px !important;
        font-family: 'Trebuchet MS' !important;
    }
    .college-name-container{
        height: 100%;
        padding: 2mm 0mm;
        margin-left: 2mm;
        float: right;
    }
    .secondary-table td{
        padding: 2mm;
        line-height:15px !important;
        height:6mm !important;
        border:none;
        text-align:center;
        vertical-align:middle !important;
    }
    @font-face {
        font-family: 'Trebuchet MS';
        src: url('Trebuchet MS.otf');
    }

    .student-details td{
        font-size:17px!important; 
        line-height:20px !important;
    }
    .student-details th{
        font-size:17px!important; 
    }
    .b-0 {
        border: 0px none;
    }
    .removeTdBorder 
    {
        border-top: 0px none;
        border-bottom: 0px none;
    }
    .subject-details td{
        vertical-align:top !important;
        padding: 2px 2px !important;
        font-size:15px !important;
        line-height: normal;
    }
    * {
        font-family: "Times New Roman", Times, serif;
    }
    .subject-details th{
        text-align:center;
        font-size:14px !important;
    }
    .pageFooter {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align:center !important;
    }
</style>
{% for student in data.studentData %}
    <div class="" style="border:none;">
        {% for index,semMark in student.academicTerms %}
            {% if semMark.termId == 2 %}
                <div class="">
                    <div style='width: 100%; height:15mm; float:left; margin: 0;'>
                        {% if student.courseCompleteWithinYear != 1 and student.failedStatus != 'FAILED' %}
                            <div style='font-size:17px;margin-top:20px;float:left; width:50%; font-weight:bold'><span style='border: 1px solid #000;'>CONSOLIDATED MARK CUM GRADE CARD </span><br>
                                <span>Period of Study: {{student.yearOfStudy}} </span>
                            </div>
                            <span style='font-size:17px;margin-top:20px;width:34%; float:right;  font-weight:bold'>Date of Consolidation: <span style='margin-left:68px'>{{ data.additionalInfo.currentDate }} </style><br>
                            Date of Passing the Programme: {{student.programPassingDate}} </span>
                            </div><div style='padding-bottom:20px;width: 100%; height:3mm; float:left;'>
                        {% endif %}
                    </div>
                    <div style='text-align:center; font-size:32px !important; font-weight:bold; width: 100%; float:left;margin-bottom: 10px;margin-top:150px'>
                            {{data.additionalInfo.markCardHeading}}
                    </div>
                    <table style="width:100% !important; margin:0mm 0 0 0; page-break-inside:avoid;" class=" student-details b-0">
                        <tr class='student-details'>
                            <td style='text-align:left;' class='b-0'>
                                Name of Candidate 
                            </td>
                            <th style='text-align:left;' class='b-0'>
                                : {{student.name}}
                            </th>
                            <td style='text-align:left;' class='b-0' rowspan='6' width='20%'>
                                <div style='width:110px; text-align: center; float:right; font-size:17px; margin:-10mm 0 0 0;'>{{data.additionalInfo.currentDate |date('d-M-Y')}}</div>
                                <img src='{{student.myImage}}' alt='Student Image' style='float:right; margin:0 4mm 0 0;width:3.3cm; height:3.8cm'>
                            </td>
                        </tr>
                        <tr class='student-details'>
                            <td style='text-align:left;' class='b-0' width='30%'>
                            Permanent Register Number (PRN)
                            </td>
                            <th style='text-align:left;' class='b-0' width='55%'>
                                : {{student.regNo}}
                            </th>
                        </tr>
                        <tr class='student-details'>
                            <td style='text-align:left;' class='b-0'>
                                Degree
                            </td>
                            <th style='text-align:left;' class='b-0'>
                                : {{student.degreeName}}
                            </th>
                        </tr>
                        <tr class='student-details'>
                            <td style='text-align:left;' class='b-0'>
                                Programme
                            </td>
                            <th style='text-align:left;' class='b-0'>
                                : {{student.programName}}
                            </th>
                        </tr>
                        <tr class='student-details'>
                            <td style='text-align:left;' class='b-0'>
                        {{data.additionalInfo.streamOrFaculty}}
                            </td>
                            <th style='text-align:left;' class='b-0'>
                                : {{student.streamName}}
                            </th>
                        </tr>
                        <tr class='student-details'>
                            <td style='text-align:left;' class='b-0'>
                            Name of Examination
                            </td>
                            <th style='text-align:left;' class='b-0'>
                                : {{student.examRegName}}
                            </th>
                        </tr>
                    </table>
                    <table class='subject-details' border='1' cellspacing='0' style='margin-bottom:5px; margin-top:15px; border-collapse: collapse !important;width:100%'>
                        <tr style='height: 4mm !important;'>
                            <th rowspan='3' width='12%' style='text-align:center;padding: 10px;line-height:18px;' class='syllabusCode1'>Course Code</th>
                            <th rowspan='3' width='50%' style='text-align:center;'>Course Title</th>
                            <th rowspan='3' width='3%'>
                                <svg width='5mm' height='25mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>Credits (C)</text>
                                </svg>
                            </th>
                            <th width='18%' colspan='6' style='text-align:center;line-height:18px;'>Marks</th>
                            <th rowspan='3' width='3%'>
                                <svg width='5mm' height='42mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                    Grade Awarded (G)</text>
                                </svg>
                            </th>
                            <th rowspan='3' width='3%'>
                                <svg width='5mm' height='38mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                    Grade Point (GP)</text>
                                </svg>
                            </th>
                            <th rowspan='3' width='3%'>
                                <svg width='5mm' height='38mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                    Credit Point ({{data.additionalInfo.creditPointHead}})</text>
                                </svg>
                            </th>
                            <th rowspan='3' width='3%'>
                                <svg width='5mm' height='42mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                    Institution Average (IA)</text>
                                </svg>
                            </th>
                            <th rowspan='3' width='5%' style='text-align:center;line-height:18px;'>Result</th>
                        </tr>
                        <tr style='height: 4mm !important;'>
                            <th width='6%' colspan='2' class="text-center">
                                 {{data.additionalInfo.externalDisplayName}}
                            </th>
                            <th width='6%' colspan='2' class="text-center">
                                 {{data.additionalInfo.internalDisplayName}}
                            </th>
                            <th width='6%' colspan='2' class="text-center">
                                Total
                            </th>
                        </tr>
                        <tr style='height: 21mm !important;'>
                            <th width='3%'>
                                <svg width='5mm' height='35mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                         {{data.additionalInfo.externalAwardedDisplayName}}
                                    </text>
                                </svg>
                            </th>
                            <th width='3%'>
                                <svg width='5mm' height='35mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>Maximum</text>
                                </svg>
                            </th>
                            <th width='3%'>
                                <svg width='5mm' height='35mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                        {{data.additionalInfo.internalAwardedDisplayName}}
                                     </text>
                                </svg>
                            </th>
                            <th width='3%'>
                                <svg width='5mm' height='35mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>Maximum</text>
                                </svg>
                            </th>
                            <th width='3%'>
                                <svg width='8mm' height='35mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>
                                        {{data.additionalInfo.totalAwardedDisplayName}}
                                    </text>
                                </svg>
                            </th>
                            <th width='3%'>
                                <svg width='5mm' height='25mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;'>Maximum</text>
                                </svg>
                            </th>
                        </tr>
                        {% for subjectCategoryWiseMarkDataObj in semMark.subjectCategoryWiseMarkData %}
                            {% if subjectCategoryWiseMarkDataObj.isSubjectCategory %}
                                {% if subjectCategoryWiseMarkDataObj.canShowCategoryHead or data.additionalInfo.courseType == 'UG' %}
                                    <tr style='height: 6mm;line-height: 15px;'>
                                        <td class = 'removeTdBorder'>&nbsp;</td>
                                        <td class = 'removeTdBorder' style='text-align:left; font-weight:bold'>{{subjectCategoryWiseMarkDataObj.name}}</td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td> 
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        <td class = 'removeTdBorder'></td>
                                        {# <td class = 'removeTdBorder'></td> #}
                                        <td class = 'removeTdBorder'></td>	
                                    </tr>
                                {% endif%}
                            {% endif%}
                            {% for subjectId in subjectCategoryWiseMarkDataObj.subjectIds %}
                                {% for subject in semMark.subjects %}
                                    {% if subject.paperSubjetId ==  subjectId %}
                                        <tr class = "subject-details">
                                            <td class = 'removeTdBorder'> {{subject.code|raw}}</td>
                                            <td class = 'removeTdBorder' class="text-left"> {{subject.name|raw}}</td>
                                            <td class = 'removeTdBorder text-center'> {{subject.hideGrade ? '--' : subject.markDetails.credit}}</td>
                                            <td class = 'removeTdBorder text-center'> 
                                                {% if subject.markDetails.attendanceStatus == 'PRESENT' %}
                                                {{subject.markDetails.isExternal ? subject.markDetails.externalMark : '--'}}
                                                {% else %}
                                                    {% if subject.markDetails.attendanceStatus == 'ABSENT' %}
                                                    AB
                                                    {% elseif subject.markDetails.attendanceStatus == 'MAL' %}
                                                    MAL
                                                    {% else %}
                                                    --
                                                    {% endif %}
                                                {% endif %}
                                            </td>
                                            <td class = 'removeTdBorder text-center'> {{subject.markDetails.isExternal ? subject.markDetails.externalMaxMark : '--'}}</td>
                                            <td class = 'removeTdBorder text-center'> {{subject.markDetails.isInternal ? subject.markDetails.internalMark : '--'}}</td>
                                            <td class = 'removeTdBorder text-center'> {{subject.markDetails.isInternal ? subject.markDetails.internalMaxMark : '--'}}</td>
                                            <td class = 'removeTdBorder text-center'> {{subject.markDetails.markObtained}}</td>
                                            <td class = 'removeTdBorder text-center'> {{subject.markDetails.totalMarks}}</td>
                                            {% if subject.failedStatus == 'FAILED' %}
                                                <td class = 'removeTdBorder text-center' style="padding-left:5px !important"> F</td>
                                                <td class = 'removeTdBorder text-center'>-</td>
                                                <td class = 'removeTdBorder text-center'>-</td>
                                            {% else %}
                                                <td class = 'removeTdBorder text-center' style="padding-left:5px !important"> {{subject.hideGrade ? '--' : subject.markDetails.excludeSubjectFromTotal == 1 ? '--' : subject.grade}}</td>
                                                <td class = 'removeTdBorder text-center'> {{subject.hideGrade ? '--' : subject.markDetails.excludeSubjectFromTotal == 1 ? '--' : subject.markDetails.gradePoint}}</td>
                                                <td class = 'removeTdBorder text-center'> {{subject.hideGrade ? '--' : subject.markDetails.excludeSubjectFromTotal == 1 ? '--' : subject.creditPoint}}</td>
                                            {% endif%}
                                            <td class = 'removeTdBorder text-center'> {{subject.institutionAvg}}</td>
                                            <td class = 'removeTdBorder text-center'> 
                                                {% if subject.failedStatus == 'FAILED' %}
                                                    Fail
                                                {% else %}
                                                    Pass
                                                {% endif%}
                                            </td>
                                        </tr>
                                    {% endif%}
                                {% endfor %}
                            {% endfor %}
                        {% endfor %}
                        <tr style='height: 7mm;line-height: 15px;'>
                            <th class = 'removeTdBorder'>&nbsp;</th>
                            <th class = 'removeTdBorder' style='text-align:left; font-weight:bold; padding:0 2mm; text-transform:uppercase;'>Total</th>
                            <th class = 'removeTdBorder text-center'>{{semMark.markDetails.credit}}</th>
                            <th class = 'removeTdBorder text-center'></th>
                            <th class = 'removeTdBorder text-center'></th> 
                            <th class = 'removeTdBorder text-center'></th>
                            <th class = 'removeTdBorder text-center'></th>
                            {% if markDetails.failedStatus == 'FAILED'  %}
                                <th class = 'removeTdBorder text-center'>-</th>
                            {% else %}
                                <th class = 'removeTdBorder text-center'>{{semMark.markDetails.markObtained}}</th>
                            {% endif%}
                            <th class = 'removeTdBorder text-center'>{{semMark.markDetails.totalMarks}}</th>
                            <th class = 'removeTdBorder text-center'></th>
                            <th class = 'removeTdBorder text-center'></th>
                            {% if markDetails.failedStatus == 'FAILED'  %}
                                <th class = 'removeTdBorder text-center'>-</th>
                            {% else %}
                                <th class = 'removeTdBorder text-center'>{{semMark.markDetails.creditGradePoint}}</th>
                            {% endif%}
                            <th class = 'removeTdBorder text-center'></th>
                            {% if markDetails.failedStatus == 'FAILED'  %}
                                <th class = 'removeTdBorder text-center'>Fail</th>
                            {% else %}
                                <th class = 'removeTdBorder text-center'>Pass</th>
                            {% endif%}
                        </tr>
                        <tr style='height: 7mm;line-height: 15px;'>
                            <td class = 'removeTdBorder'>&nbsp;</td>
                            <td class = 'removeTdBorder' style='text-align:left; font-weight:bold;'>
                            {{data.additionalInfo.SGPAorSCPA}}: 
                                {% if semMark.failedStatus == 'PASSED' %}
                                    {{semMark.sgpa}}
                                {% else %}
                                    -
                                {% endif %}
                            {% if data.additionalInfo.wasBeforeSg %}
                                &nbsp; &nbsp; SG:
                                {{semMark.grade}}
                                {% if semMark.WASstring %}
                                    &nbsp; &nbsp;{{semMark.WASstring}}
                                {% endif %}
                            {% else %}
                                {% if semMark.WASstring %}
                                    &nbsp; &nbsp;{{semMark.WASstring}}
                                {% endif %}
                                &nbsp; &nbsp; SG:
                                {{semMark.grade}}
                            {% endif %}
                            </td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td> 
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                        </tr>
                        <tr style='height: 7mm;line-height: 15px;'>
                            <td class = 'removeTdBorder'>&nbsp;</td>
                            <td class = 'removeTdBorder text-center'> ***End of Statement*** </td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td> 
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                            <td class = 'removeTdBorder'></td>
                        </tr>
                        <tr style='height: 10mm;line-height: 15px;'>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'>&nbsp;</td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td> 
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                            <td class = 'removeTdBorder' style='border-bottom:1px solid #000;'></td>
                        </tr>
                    </table>
                    {# <div class="text-center bold fs-16 m-t-20" style='font-size:16px; margin-top:20px'><b>PROGRAMME RESULTS</b></div> #}
                    <table class='subject-details m-10 w-90' border='1' cellspacing='0' style='margin-bottom:20px; border-collapse: collapse; width:100%'>
                        <tr style='height: 4mm !important;'>
                            <th class='text-center' width='8%' colspan="8">
                            SEMESTER RESULTS	  
                            </th>
                            <th class='text-center' width='10%' colspan="7">
                                PROGRAMME PART RESULTS
                            </th>
                        </tr>
                        <tr style='height: 4mm !important;'>
                            <th class='text-center' width='3%'>
                            Semester  
                            </th>
                            <th class='text-center' width='3%'>
                                Marks
                                Awarded 
                            </th>
                            <th class='text-center' width='3%'>
                                Maximum
                                Marks  
                            </th>
                            <th class='text-center' width='3%'>
                                Credits 
                            </th>
                            <th class='text-center' width='3%'>
                                {{data.additionalInfo.SGPAorSCPA}} 
                            </th>
                            <th class='text-center' width='3%'>
                                Grade 
                            </th>
                            <th class='text-center' width='10%'>
                                Month & Year of Passing  
                            </th>
                            <th class='text-center' width='3%'>
                                Result 
                            </th>
                            <th class='text-center' width='51%'>
                                Programme Part
                            </th>
                            <th class='text-center' width='3%'>
                                Marks Awarded 
                            </th>
                            <th class='text-center' width='3%'>
                                Maximum
                                Marks  
                            </th>
                            <th class='text-center' width='3%'>
                                Credit Point
                            </th>
                            <th class='text-center' width='3%'>
                                Credits 
                            </th>
                            <th class='text-center' width='3%'>
                                {{data.additionalInfo.CGPAorCCPA}} 
                            </th>
                            <th class='text-center' width='3%'>
                                Grade 
                            </th>
                        </tr>
                        {% for index,combinedObj in  student.semPartAndProgramPartCombined %}
                            <tr>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.term.semInRoman}} </td>
                                {% if combinedObj.term.isFailed %}
                                    <td class = 'removeTdBorder text-center'>-</td>
                                {% else %}
                                    <td class = 'removeTdBorder text-center'> {{combinedObj.term.markDetails.markObtained}} </td>
                                {% endif%}
                                <td class = 'removeTdBorder text-center'> {{combinedObj.term.markDetails.totalMarks}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.term.markDetails.credit}}</td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.term.sgpa}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.term.grade}} </td>
                                {% if combinedObj.term.failedStatus == 'FAILED' %}
                                    <td class = 'removeTdBorder text-center'>-</td>
                                {% else %}
                                    <td class = 'removeTdBorder text-center'> {{combinedObj.term.lastExamYearMonth}} </td>
                                {% endif%}
                                {% if combinedObj.term.failedStatus == 'FAILED' %}
                                    <td class = 'removeTdBorder text-center'>Fail</td>
                                {% elseif combinedObj.term.failedStatus == 'PASSED' %}
                                    <td class = 'removeTdBorder text-center'>Pass</td>
                                {% else %}
                                    <td class = 'removeTdBorder text-center'></td>
                                {% endif%}
                                <td class = 'removeTdBorder text-left'> {{combinedObj.markData.name}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.markData.totalMark}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.markData.totalMaxMark}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.markData.creditGradePoint}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.markData.credit}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.markData.categoryCGPA}} </td>
                                <td class = 'removeTdBorder text-center'> {{combinedObj.markData.cgpaGrade}} </td>

                            </tr>
                        {% endfor %}
                        <tr>
                            <td width='5%' colspan='9' class='bold'>
                                FINAL RESULT :  {{data.additionalInfo.CGPAorCCPADesc}} =  {{ student.failedStatus == 'FAILED' ? '-' : student.cgpa}}, Grade Awarded= {{student.grade}} <p style='float:right' class='bold'>TOTAL</p>
                            </td>
                            <td class = 'text-center bold'>{{student.markDetails.markObtained}}</td>
                            <td class = 'text-center bold'>{{student.markDetails.totalMarks}}</td>
                            <td class = 'text-center bold'></td>
                            <td class = 'text-center bold'>{{student.markDetails.credit}}</td>
                            <td class = 'text-center'></td>
                            <td class = 'text-center'></td>
                        </tr>
                    </table>
                </div>
            {% endif %}
        {% endfor %}
    </div> 
{% endfor %}