<?php
    $summaryData = $summaryData ?? [];
    $payroll = $summaryData['payroll'] ?? [];
    $payment = $summaryData['payment'] ?? [];
    $identity = $summaryData['identity'] ?? [];
    $statutory = $summaryData['statutory'] ?? [];
    $maskAccount = static function (?string $accountNumber): string {
        $accountNumber = trim((string) $accountNumber);
        if ($accountNumber === '') {
            return 'N/A';
        }
        $tail = substr($accountNumber, -4);

        return str_repeat('X', max(0, strlen($accountNumber) - 4)) . $tail;
    };
?>

<div class="space-y-5">
    <div class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white shadow-sm">
        <div class="border-b border-slate-100 bg-gradient-to-r from-teal-50/60 via-white to-sky-50/40 px-5 py-5">
            <div class="flex items-start gap-3">
                <span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-teal-100 text-teal-700">
                    <i class="bi bi-bar-chart text-lg"></i>
                </span>
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.18em] text-primary">Overview</p>
                    <h2 class="mt-0.5 text-lg font-semibold text-slate-900">Payroll summary</h2>
                    <p class="mt-1 text-sm text-slate-500">Your latest cycle, payment, and statutory snapshot.</p>
                </div>
            </div>
        </div>

        <div class="grid gap-4 p-5 sm:grid-cols-2 lg:grid-cols-4">
            <div class="relative overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-sky-50/40 to-slate-50 p-4 pl-5 shadow-sm">
                <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-sky-500" aria-hidden="true"></span>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Last processed cycle</p>
                <p class="mt-2 text-sm font-semibold text-slate-900"><?php echo e($payroll['last_processed_cycle'] ?? 'N/A'); ?></p>
            </div>
            <div class="relative overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-emerald-50/40 to-slate-50 p-4 pl-5 shadow-sm">
                <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-emerald-500" aria-hidden="true"></span>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Working days</p>
                <p class="mt-2 text-sm font-semibold text-slate-900"><?php echo e($payroll['working_days'] ?? 'N/A'); ?></p>
            </div>
            <div class="relative overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-amber-50/40 to-slate-50 p-4 pl-5 shadow-sm">
                <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-amber-500" aria-hidden="true"></span>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Loss of pay</p>
                <p class="mt-2 text-sm font-semibold text-slate-900"><?php echo e(isset($payroll['lop_days']) ? rtrim(rtrim(number_format((float) $payroll['lop_days'], 2, '.', ''), '0'), '.') : 'N/A'); ?></p>
            </div>
            <div class="relative overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-violet-50/40 to-slate-50 p-4 pl-5 shadow-sm">
                <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-violet-500" aria-hidden="true"></span>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Payslip</p>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(! empty($payroll['payslip_url'])): ?>
                    <a href="<?php echo e($payroll['payslip_url']); ?>" class="mt-2 inline-flex text-sm font-semibold text-primary hover:underline">View payslip</a>
                <?php else: ?>
                    <p class="mt-2 text-sm font-semibold text-slate-900">N/A</p>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
        </div>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <div class="space-y-5">
            <div class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white shadow-sm">
                <div class="border-b border-slate-100 px-5 py-4">
                    <h3 class="flex items-center gap-2 text-base font-semibold text-slate-900">
                        <i class="bi bi-wallet2 text-emerald-600"></i> Payment Information
                    </h3>
                </div>
                <div class="p-5">
                    <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Salary payment mode</p>
                    <p class="mt-1 text-sm font-medium capitalize text-slate-900"><?php echo e($payment['mode'] ?? 'N/A'); ?></p>

                    <div class="mt-5 border-t border-slate-100 pt-4">
                        <h4 class="text-sm font-semibold text-slate-800">Bank Information</h4>
                        <div class="mt-3 grid gap-4 sm:grid-cols-2">
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Bank Name</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($payment['bank_name'] ?? 'N/A'); ?></p>
                            </div>
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Account Number</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($maskAccount($payment['account_number'] ?? null)); ?></p>
                            </div>
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">IFSC Code</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($payment['ifsc_code'] ?? 'N/A'); ?></p>
                            </div>
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Name On The Account</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($payment['name_on_account'] ?? 'N/A'); ?></p>
                            </div>
                            <div class="sm:col-span-2">
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Branch</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($payment['branch'] ?? 'N/A'); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white shadow-sm">
                <div class="border-b border-slate-100 px-5 py-4">
                    <h3 class="flex items-center gap-2 text-base font-semibold text-slate-900">
                        <i class="bi bi-shield-check text-teal-600"></i> Statutory Information
                    </h3>
                </div>
                <div class="p-5">
                    <h4 class="text-sm font-semibold text-slate-800">PF Account Information</h4>
                    <div class="mt-3 grid gap-4 sm:grid-cols-2">
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">PF Status</p>
                            <p class="mt-1 text-sm text-slate-900"><?php echo e($statutory['pf_status'] ?? 'N/A'); ?></p>
                        </div>
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">UAN Number</p>
                            <p class="mt-1 text-sm text-slate-900"><?php echo e($statutory['uan_number'] ?? 'N/A'); ?></p>
                        </div>
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">PF Join Date</p>
                            <p class="mt-1 text-sm text-slate-900"><?php echo e(! empty($statutory['pf_join_date']) ? \Illuminate\Support\Carbon::parse($statutory['pf_join_date'])->format('d M Y') : 'N/A'); ?></p>
                        </div>
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Name Of The Account</p>
                            <p class="mt-1 text-sm text-slate-900"><?php echo e($statutory['name'] ?? 'N/A'); ?></p>
                        </div>
                    </div>
                    <div class="mt-5 border-t border-slate-100 pt-4">
                        <h4 class="text-sm font-semibold text-slate-800">PT Details</h4>
                        <div class="mt-3 grid gap-4 sm:grid-cols-2">
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">State</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($statutory['pt_state'] ?? 'N/A'); ?></p>
                            </div>
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Registered Location</p>
                                <p class="mt-1 text-sm text-slate-900"><?php echo e($statutory['pt_location'] ?? 'N/A'); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white shadow-sm">
            <div class="border-b border-slate-100 px-5 py-4">
                <h3 class="flex items-center gap-2 text-base font-semibold text-slate-900">
                    <i class="bi bi-person-vcard text-violet-600"></i> Identity Information
                </h3>
            </div>
            <div class="p-5">
                <div class="grid gap-4 sm:grid-cols-2">
                    <div class="sm:col-span-2">
                        <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">PAN Card</p>
                        <p class="mt-1 text-sm text-slate-900"><?php echo e($identity['pan_number'] ?? 'N/A'); ?></p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Permanent Account Number</p>
                        <p class="mt-1 text-sm text-slate-900"><?php echo e($identity['pan_number'] ?? 'N/A'); ?></p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Name</p>
                        <p class="mt-1 text-sm text-slate-900"><?php echo e($identity['name'] ?? 'N/A'); ?></p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Date Of Birth</p>
                        <p class="mt-1 text-sm text-slate-900"><?php echo e(! empty($identity['dob']) ? \Illuminate\Support\Carbon::parse($identity['dob'])->format('d M Y') : 'N/A'); ?></p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Father's Name</p>
                        <p class="mt-1 text-sm text-slate-900"><?php echo e($identity['father_name'] ?? 'N/A'); ?></p>
                    </div>
                </div>
                <div class="mt-5 border-t border-slate-100 pt-4">
                    <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Photo ID</p>
                    <p class="mt-1 text-sm text-slate-900">N/A</p>
                    <p class="mt-3 text-xs font-semibold uppercase tracking-wider text-slate-500">Address Proof</p>
                    <p class="mt-1 text-sm text-slate-900">N/A</p>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/kiyohr/v2_version/resources/views/payroll/tabs/summary.blade.php ENDPATH**/ ?>