{# <!--
    use to render template MA college
        |-> template for Regular exam student list - programConsolidatedSemMarkTemplate_1.twig
        |-> TwigRenderer::renderTemplateFileToHtml($EXAMCONTROLLER_ROOT."consolidated_program_report/templates/programConsolidatedSemMarkTemplate_1.twig", ['voucher' => $voucher, 'college'=>$college, 'additionalInfo'=>$additionalInfo]);
--> #}

<style>
    .box
    {
        min-width:30%; /* or whatever width you want. */
        max-width:30%; /* or whatever width you want. */
        display: inline-block;
        margin:-1px;
        padding:12px 25px 12px;
    },
    
</style>
<div class="page" style="width:100%; page-break-inside:avoid;">
    {% for data in voucher %}
    <div class="box">
    <div style="outline: 2px double black; box-sizing : border-box; padding:1px; min-height:350px;">
            <div style="width:100%; text-align:center;">
                <h5><b>{{college.name}}</b></h5>
                <p style="margin-bottom:0;"><small>{{college.addline1}}</small></p>
                <p><small>{{college.addline2}}</small></p>
            </div>
            <hr style="margin:1px; padding:2px;">
            <div style="text-align:center">
                <h5><b>APPLICATION FEE VOUCHER</b></h5>
            </div>
            <table style="table-layout: fixed; width: 100%; margin-bottom:10px;">
                <tr>
                    <th valign="top" width="30%"><small>Course</small></th>
                    <td style="word-wrap:break-word;" width="70%"> : {{form.name}}</td>
                </tr>
                <tr>
                    <th valign="top" width="30%"><small>Name</small></th>
                    <td style="word-wrap:break-word;" width="70%"> : {{data.studentName|upper}}</td>
                </tr>
                <tr>
                    <th valign="top" width="30%"><small>Amount</small></th>
                    <td style="word-wrap:break-word;" width="70%"> : {{data.totalFee}}</td>
                </tr>   
            </table>                            
            
            <div style="width: 100%; text-align:center; margin-bottom:5px;">
                <b>Voucher Number</b>
                <br>
                 <b>{{data.voucherNumber}}</b>
            </div>
            <div>
                Signature
            </div>
            <br>
        </div>
    </div>
    {% endfor %}
</div>