{# <!--
    College SCC v4 only for this college
--> #}
<html>
    <head>
    <style>
        td {
            padding : 3px;
            font-size : 14px;
        }
    </style>
    </head>
    <body class='page'>
        <table width="100%" class='table' style='border:1px solid black;'>
            {% if student.headerFormat == 'collegeHeaderBanner' %}
                <tr>
                    <td colspan="2">
                        <img style='width: 100%; height:150px; contain:cover' src="{{college.url}}/libcommon/images/college/{{college.collegeCode}}/scc_banner.png">
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td width='20%' align='center'>
                        <img style='width: 100px;' src="{{college.url}}/libcommon/images/college/{{college.collegeCode}}/logo.png">
                        <br/>
                    </td>
                    <td width="80%" align="center">
                        <div align='center' style="">
                            <div style="font: bold 24px 'Times New Roman';margin-top: 0px;margin-bottom: 4px">{{college.collegeName|upper}} {{college.autonomous?( college.autonomous|slice(0, 2)|upper):''}}{{college.autonomous?(college.autonomous|slice(2)|lower  ):''}}</div>
                        </div>
                        <div align='center'>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegeAddress}} {{college.collegeAddress1}} {{college.collegeAddress2}}</p>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegePhone}}</p>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegeWebsite}}</p>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegeEmail}}</p>
                        </div>
                    </td>
                </tr>
            {% endif %}
            <tr>
                <td colspan=2><hr></td>
            </tr>
            <tr>
                <td colspan=2 style='font-size:16px;'>
                    <b>Receipt No : </b>
                    {{student.applicationFeeReceiptPrefix}}{{student.applicationFeeReceiptNo}}
                </td>
            </tr>
            <tr>
                <td colspan=2 align='center' style='font-size : 18px;'>
                    <b>{{student.applicationFeeCategory |upper}} RECIEPT</b>

                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td width='30%'><b>Name</b></td>
                            <td width='70%'> : {{student.studentFirstName ? student.studentFirstName ~ ' ':'' }} {{student.studentMiddName ? student.studentMiddName ~ ' ':'' }} {{student.studentLastName ? student.studentLastName ~ ' ':'' }}</td>
                        </tr>
                        <tr>
                            <td><b>Application No</b></td>
                            <td> : {{student.applicationNo}}</td>
                        </tr>
                        <tr>
                            <td><b>Preference</b></td>
                            <td> : {{student.choice1}}</td>
                        </tr>
                        <tr>
                            <td><b>Parent Application No</b></td>
                            <td> : {{student.parentApplicationNo}}</td>
                        </tr>
                        <tr>
                            <td><b>Payment Date</b></td>
                            <td> : {{student.verifiedTime}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table print-table-border' width='100%'>
                        <tr>
                            <td align='center' width='20%'><b>Sl. No</b></td>
                            <td align='center' width='50%'><b>Fee</b></td>
                            <td align='center' width='30%'><b>Amount</b></td>
                        </tr>
                        <tr>
                            <td align='center' width='20%'>1</td>
                            <td align='center' width='50%'>{{student.applicationFeeCategory |capitalize}}</b></td>
                            <td align='center' width='30%'>{{student.applicationFeeAmount}}</td>
                        </tr>
                        <tr>
                            <td align='right' colspan=2><b>Total</b></td>
                            <td align='center'><b>{{student.applicationFeeAmount}}</b></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td width='30%'><b>Amount (In words)</b></td>
                            <td style='text-transform: capitalize;' width='70%'> : {{student.applicationFeeAmountWords}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td width='30%'><b>Payment Method</b></td>
                            <td width='70%'> : {{student.payment_method}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td><b>Remarks : </b></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td><b>Signature : </b></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <br><br><br><br>
        <table width="100%" class='table' style='border:1px solid black;'>
            {% if student.headerFormat == 'collegeHeaderBanner' %}
                <tr>
                    <td colspan="2">
                        <img style='width: 100%; height:150px; contain:cover' src="{{college.url}}/libcommon/images/college/{{college.collegeCode}}/scc_banner.png">
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td width='20%' align='center'>
                        <img style='width: 100px;' src="{{college.url}}/libcommon/images/college/{{college.collegeCode}}/logo.png">
                        <br/>
                    </td>
                    <td width="80%" align="center">
                        <div align='center' style="">
                            <div style="font: bold 24px 'Times New Roman';margin-top: 0px;margin-bottom: 4px">{{college.collegeName|upper}} {{college.autonomous?( college.autonomous|slice(0, 2)|upper):''}}{{college.autonomous?(college.autonomous|slice(2)|lower  ):''}}</div>
                        </div>
                        <div align='center'>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegeAddress}} {{college.collegeAddress1}} {{college.collegeAddress2}}</p>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegePhone}}</p>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegeWebsite}}</p>
                            <p style='margin: 0 0 0px;font-size: 14px;'>{{college.collegeEmail}}</p>
                        </div>
                    </td>
                </tr>
            {% endif %}
            <tr>
                <td colspan=2><hr></td>
            </tr>
            <tr>
                <td colspan=2 style='font-size:16px;'>
                    <b>Receipt No : </b>
                    {{student.applicationFeeReceiptPrefix}}{{student.applicationFeeReceiptNo}}
                </td>
            </tr>
            <tr>
                <td colspan=2 align='center' style='font-size : 18px;'>
                    <b>{{student.applicationFeeCategory |upper}} RECIEPT</b>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td width='30%'><b>Name</b></td>
                            <td width='70%'> : {{student.studentFirstName ? student.studentFirstName ~ ' ':'' }} {{student.studentMiddName ? student.studentMiddName ~ ' ':'' }} {{student.studentLastName ? student.studentLastName ~ ' ':'' }}</td>
                        </tr>
                        <tr>
                            <td><b>Application No</b></td>
                            <td> : {{student.applicationNo}}</td>
                        </tr>
                        <tr>
                            <td><b>Preference</b></td>
                            <td> : {{student.choice1}}</td>
                        </tr>
                        <tr>
                            <td><b>Parent Application No</b></td>
                            <td> : {{student.parentApplicationNo}}</td>
                        </tr>
                        <tr>
                            <td><b>Payment Date</b></td>
                            <td> : {{student.verifiedTime}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table print-table-border' width='100%'>
                        <tr>
                            <td align='center' width='20%'><b>Sl. No</b></td>
                            <td align='center' width='50%'><b>Fee</b></td>
                            <td align='center' width='30%'><b>Amount</b></td>
                        </tr>
                        <tr>
                            <td align='center' width='20%'>1</td>
                            <td align='center' width='50%'>{{student.applicationFeeCategory |capitalize}}</b></td>
                            <td align='center' width='30%'>{{student.applicationFeeAmount}}</td>
                        </tr>
                        <tr>
                            <td align='right' colspan=2><b>Total</b></td>
                            <td align='center'><b>{{student.applicationFeeAmount}}</b></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td width='30%'><b>Amount (In words)</b></td>
                            <td style='text-transform: capitalize;' width='70%'> : {{student.applicationFeeAmountWords}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td width='30%'><b>Payment Method</b></td>
                            <td width='70%'> : {{student.payment_method}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td><b>Remarks : </b></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <table class='table' width='100%'>
                        <tr>
                            <td><b>Signature : </b></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>            
    </body>
</html>