<!DOCTYPE html>
<html>
<head>
    <title><?= lang('provident_fund') ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <?php
    $direction = $this->session->userdata('direction');
    if (!empty($direction) && $direction == 'rtl') {
        $RTL = 'on';
    } else {
        $RTL = config_item('RTL');
    }

    $currency = $this->db->where('code', config_item('default_currency'))->get('tbl_currencies')->row();
    $total_amount = 0;
    if (!empty($provident_fund_info)) {
        foreach ($provident_fund_info as $provident_fund) {
            $total_amount += $provident_fund->salary_payment_deduction_value;
        }
    }
    ?>
    <style>
        body { margin: 0; color: #172033; background: #ffffff; font: 12px/1.55 DejaVu Sans, Arial, Helvetica, sans-serif; min-width: 100%; min-height: 100%;<?php if (!empty($RTL)) { ?> text-align: right;<?php } ?> }
        table { width: 100%; border-collapse: collapse; border-spacing: 0;<?php if (!empty($RTL)) { ?> text-align: right;<?php } ?> }
        .page-wrap { padding: 18px 22px 24px; }
        .brand-shell { border: 1px solid #d7deea; padding: 18px 20px; background: #f8fafc; margin-bottom: 18px; }
        .brand-logo { width: 60px; height: 60px; background: #ffffff; border: 1px solid #d7deea; padding: 6px; }
        .brand-title { font-size: 24px; font-weight: 500; color: #0f172a; margin: 0 0 4px; }
        .brand-text { font-size: 12px; color: #64748b; margin: 0; }
        .report-meta { width: 280px;<?php if (!empty($RTL)) { ?> text-align: left;<?php } else { ?> text-align: right;<?php } ?> }
        .header-title { font-size: 20px; font-weight: 700; color: #0f172a; margin: 0 0 4px; line-height: 1.15; }
        .header-subtitle { font-size: 10px; color: #64748b; margin: 0; line-height: 1.35; }
        .range-chip { display: inline-block; padding-top: 4px; color: #475569; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
        .metrics { margin: 0 0 18px; }
        .metric-card { width: 23.5%; border: 1px solid #d7deea; background: #ffffff; padding: 14px 16px; vertical-align: top; }
        .metric-gap { width: 2%; }
        .metric-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: #64748b; margin-bottom: 6px; }
        .metric-value { font-size: 21px; font-weight: 700; color: #0f172a; margin: 0; }
        .metric-note { font-size: 11px; color: #94a3b8; margin-top: 4px; }
        .table-shell { border: 1px solid #d7deea; overflow: hidden; background: #ffffff; }
        .table-shell table { border-collapse: separate; border-spacing: 0; }
        .table-head td { background: #1e293b; color: #f8fafc; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 12px 14px; border-bottom: 1px solid #1e293b; }
        .row td { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; color: #1e293b; vertical-align: top; }
        .row-alt td { background: #f8fafc; }
        .number {<?php if (!empty($RTL)) { ?> text-align: left;<?php } else { ?> text-align: right;<?php } ?> }
        .muted { color: #64748b; }
        .total-row td { padding: 14px; background: #eef2ff; border-top: 1px solid #c7d2fe; font-weight: 700; color: #1e1b4b; }
    </style>
</head>
<body>
<?php
$rootPath = defined('ROOTPATH') ? ROOTPATH : FCPATH;
$img = $rootPath . '/' . config_item('company_logo');
if (!file_exists($img)) {
    $img = base_url() . config_item('company_logo');
}
if (!file_exists($img)) {
    $img = $rootPath . '/uploads/default_logo.png';
}
?>
<div class="page-wrap">
    <div class="brand-shell">
        <table>
            <tr>
                <td style="width: 84px; border: 0;"><img class="brand-logo" src="<?= $img ?>" alt="<?= config_item('company_name') ?>"></td>
                <td style="border: 0;"><p class="brand-title"><?= config_item('company_name') ?></p><p class="brand-text"><?= lang('provident_fund') ?></p></td>
                <td class="report-meta" style="border: 0;"><p class="header-title"><?= lang('provident_fund') ?></p><p class="header-subtitle">Provident fund deductions recorded for <?= $monthyaer ?> payroll payment history.</p><span class="range-chip"><?= lang('generated_on') ?> <?= display_date(date('Y-m-d')) ?></span></td>
            </tr>
        </table>
    </div>

    <table class="metrics">
        <tr>
            <td class="metric-card"><div class="metric-label"><?= lang('records') ?></div><p class="metric-value"><?= !empty($provident_fund_info) ? count($provident_fund_info) : 0 ?></p><div class="metric-note"><?= $monthyaer ?></div></td>
            <td class="metric-gap"></td>
            <td class="metric-card"><div class="metric-label"><?= lang('total') ?> <?= lang('amount') ?></div><p class="metric-value"><?= display_money($total_amount, $currency->symbol) ?></p><div class="metric-note"><?= lang('provident_fund') ?></div></td>
            <td class="metric-gap"></td>
            <td class="metric-card"><div class="metric-label"><?= lang('payment_date') ?></div><p class="metric-value"><?= !empty($provident_fund_info) ? display_date($provident_fund_info[0]->paid_date) : '-' ?></p><div class="metric-note"><?= lang('latest') ?></div></td>
            <td class="metric-gap"></td>
            <td class="metric-card"><div class="metric-label"><?= lang('month') ?></div><p class="metric-value"><?= $monthyaer ?></p><div class="metric-note"><?= lang('payroll') ?></div></td>
        </tr>
    </table>

    <div class="table-shell">
        <table>
            <thead>
            <tr class="table-head">
                <td><?= lang('emp_id') ?></td>
                <td><?= lang('name') ?></td>
                <td><?= lang('payment_date') ?></td>
                <td class="number"><?= lang('amount') ?></td>
            </tr>
            </thead>
            <tbody>
            <?php if (!empty($provident_fund_info)): foreach ($provident_fund_info as $index => $provident_fund): ?>
                <tr class="row<?= ($index % 2 !== 0) ? ' row-alt' : '' ?>">
                    <td><?= $provident_fund->employment_id ?></td>
                    <td><?= $provident_fund->fullname ?></td>
                    <td><?= display_date($provident_fund->paid_date) ?></td>
                    <td class="number"><?= display_money($provident_fund->salary_payment_deduction_value, $currency->symbol) ?></td>
                </tr>
            <?php endforeach; ?>
                <tr class="total-row">
                    <td colspan="3"><?= lang('total') ?> <?= lang('provident_fund') ?></td>
                    <td class="number"><?= display_money($total_amount, $currency->symbol) ?></td>
                </tr>
            <?php else: ?>
                <tr class="row"><td colspan="4" class="muted"><?= lang('nothing_to_display') ?></td></tr>
            <?php endif; ?>
            </tbody>
        </table>
    </div>
</div>
</body>
</html>
