<?php
    $mySub = (string) ($mySub ?? request('my_sub', 'salary'));
    if (! in_array($mySub, ['salary', 'payslips', 'income-tax'], true)) {
        $mySub = 'salary';
    }
?>

<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-violet-50/40 via-white to-teal-50/30 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-violet-100 text-violet-700">
                    <i class="bi bi-wallet2 text-lg"></i>
                </span>
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.18em] text-primary">Self service</p>
                    <h2 class="mt-0.5 text-lg font-semibold text-slate-900">My Pay</h2>
                    <p class="mt-1 text-sm text-slate-500">View your salary, payslips, and income tax declaration.</p>
                </div>
            </div>
        </div>

        <div class="border-b border-slate-100 px-4 pt-2">
            <nav class="top-submenu top-submenu--boxed text-sm" aria-label="My pay tabs">
                <a href="<?php echo e(route('payroll.index', ['tab' => 'my', 'my_sub' => 'salary'])); ?>"
                   class="top-submenu-tab top-submenu-tab--boxed <?php echo e($mySub === 'salary' ? 'is-active' : ''); ?>">
                    <i class="bi bi-cash-stack mr-1"></i> My Salary
                </a>
                <a href="<?php echo e(route('payroll.index', ['tab' => 'my', 'my_sub' => 'payslips'])); ?>"
                   class="top-submenu-tab top-submenu-tab--boxed <?php echo e($mySub === 'payslips' ? 'is-active' : ''); ?>">
                    <i class="bi bi-file-earmark-text mr-1"></i> Pay slips
                </a>
                <a href="<?php echo e(route('payroll.index', ['tab' => 'my', 'my_sub' => 'income-tax'])); ?>"
                   class="top-submenu-tab top-submenu-tab--boxed <?php echo e($mySub === 'income-tax' ? 'is-active' : ''); ?>">
                    <i class="bi bi-percent mr-1"></i> Income Tax
                </a>
            </nav>
        </div>

        <div class="p-5">
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($mySub === 'salary'): ?>
                <?php echo $__env->make('payroll.tabs.my.salary', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php elseif($mySub === 'payslips'): ?>
                <?php echo $__env->make('payroll.tabs.my.payslips', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php else: ?>
                <?php echo $__env->make('payroll.tabs.my.income-tax', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/kiyohr/v2_version/resources/views/payroll/tabs/my.blade.php ENDPATH**/ ?>