@include('pdf.dashboard.header', [
    'logo'          => $logo,
    'agency_name'   => $agency_name,
    'address'       => $address,
    'contact_number'=> $contact_number,
    'email_address' => $email_address,
    'report_title'  => $report_title,
    'generated_at'  => $generated_at,
])

<style>
    table { width: 100%; border-collapse: collapse; margin-top: 10px; }
    th, td { border: 1px solid #000; padding: 5px 8px; text-align: center; font-size: 9pt; }
    th { background-color: #f0f0f0; font-weight: bold; }
    td:first-child { text-align: left; font-weight: bold; }
    .totals-row { font-weight: bold; background-color: #e8e8e8; }
</style>

<table>
    <thead>
        <tr>
            <th>Leave Type</th>
            @foreach($months as $month)
                <th>{{ $month }}</th>
            @endforeach
        </tr>
    </thead>
    <tbody>
        @foreach($series as $item)
            <tr>
                <td>{{ $item['leave_type'] }}</td>
                @foreach($item['data'] as $val)
                    <td>{{ number_format($val) }}</td>
                @endforeach
            </tr>
        @endforeach
        <tr class="totals-row">
            <td>Total</td>
            @foreach($totals as $total)
                <td>{{ number_format($total) }}</td>
            @endforeach
        </tr>
    </tbody>
</table>

@include('pdf.dashboard.footer', ['generated_at' => $generated_at])