@foreach($pdfData as $page)
    <div style="width: 100%; max-width: 1280px; min-height: 1000px; font-family: zurich;">
        <table style="display: flex; width: 100%; margin-top: 7px;">
            <tr>
                <td style="font-size: 14px; text-align: left; padding-left: 10px; width: 10%">
                    <img src="{{ public_path('storage/images/bdu.jpeg') }}" style="height: 10%">
                </td>
                <td style="font-size: 14px; text-align: center; padding-left: 10px; width: 90%">
                    <p style="margin: 0; font-size: 20px; font-weight: bold; font-family: Zurich">Institute for Entrepreneurship and Career Development</p>
                    <p style="margin: 0; font-size: 24px; font-weight: bold; font-family: Zurich">BHARATHIDASAN UNIVERSITY</p>
                    <p style="margin: 0; font-size: 20px; font-weight: normal; font-family: Zurich">TIRUCHIRAPPALLI - 620 023</p>
                </td>
            </tr>
        </table>
        
        <div style="text-align: center; font-size: 16px">
            <p>Statement of Expenditure</p>
        </div>

        <div style="margin-top: 10px; font-size: 12px; margin-right: 20px; text-align:center;">
            <p style="margin-left: 30px;"> University External Examination of {{ $page['category'] }} in {{ $page['title'] }} at {{ $page['tieup'] }}, {{ $page['district'] }} held on ({{ $page['start_date'] }} - {{ $page['end_date'] }}).
            The Passing Board Meeting held on {{ $page['held_date'] }} at IECD Bharathidasan University Tiruchirappalli - 23. </p>
        </div>

        <div style="margin-left: 20px; margin-right: 20px;">
            <table style="width: 100%; border-collapse: collapse; font-size: 12px;">
                <thead>
                    <tr>
                        <th style="border: 1px solid black; padding: 6px; text-align: center;">S.No</th>
                        <th style="border: 1px solid black; padding: 6px; text-align: center;">Name</th>
                        <th style="border: 1px solid black; padding: 6px; text-align: center;">Description</th>
                        <th style="border: 1px solid black; padding: 6px; text-align: center;">Amount Rs.</th>
                        <th style="border: 1px solid black; padding: 6px; text-align: center;">Amount Rs.</th>
                    </tr>
                </thead>
                <tbody>
                    @php($sno=1)
                    @foreach($page['groupedData'] as $person)
                    @php($rows=count($person['entries']))
                        @foreach($person['entries'] as $i=>$entry)
                            <tr>
                                @if($i==0)
                                    <td rowspan="{{$rows}}" style="border: 1px solid black; padding: 6px; text-align: center;">{{$sno++}}</td>
                                    <td rowspan="{{$rows}}" style="border: 1px solid black; padding: 6px;">{{$person['name']}}</td>
                                @endif
                                <td style="border: 1px solid black; padding: 6px;">{{$entry['title']}}</td>
                                <td style="border: 1px solid black; padding: 6px; text-align: right;">{{ number_format($entry['amount'],2) }}</td>
                                @if($i==0)
                                    <td rowspan="{{$rows}}" style="border: 1px solid black; padding: 6px; text-align: right;">{{ number_format($person['personTotal'],2) }}</td>
                                @endif
                            </tr>
                        @endforeach
                    @endforeach
                    <tr>
                        <td colspan="4" style="border: 1px solid black; padding: 6px; text-align: right; font-weight: bold;">TOTAL</td>
                        <td style="border: 1px solid black; padding: 6px; text-align: right; font-weight: bold;">{{ number_format($page['grandTotal'],2) }}</td>
                    </tr>
                </tbody>
            </table>

            <p style="text-align: center; font-weight: bold; margin-top: 10px;">
                (Rupees {{ ucwords($converter($page['grandTotal'])) }} only)
            </p>
        </div>

        <table style="width: 100%; text-align: center; margin-top: 80px; font-weight: bold; font-size: 12px">
            <tr>
                <td>Accountant</td>
                <td>Co-ordinator</td>
                <td>Sr. Prog. Co-ordinator</td>
                <td>Director</td>
            </tr>
        </table>
    </div>
    
    @if(!$loop->last)
        <pagebreak />
    @endif
@endforeach