<?php
    $settings = $settings ?? [];
?>

<div class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white shadow-sm">
    <div class="flex flex-wrap items-start justify-between gap-4 border-b border-slate-100 bg-gradient-to-r from-rose-50/40 via-white to-orange-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-rose-100 text-rose-700">
                <i class="bi bi-file-earmark-ruled text-lg"></i>
            </span>
            <div>
                <p class="text-xs font-semibold uppercase tracking-[0.18em] text-primary">Payslip</p>
                <h2 class="mt-0.5 text-lg font-semibold text-slate-900">Payslip Settings</h2>
                <p class="mt-1 text-sm text-slate-500">Configure what payslips display for employees.</p>
            </div>
        </div>
    </div>

    <form action="<?php echo e(route('payroll.settings.store')); ?>" method="post" class="p-5">
        <?php echo csrf_field(); ?>
        <input type="hidden" name="redirect_to" value="<?php echo e(route('payroll.index', ['tab' => request('tab', 'advanced'), 'sub' => 'payslip'])); ?>">

        <div class="grid max-w-3xl gap-4">
            <label class="flex items-start gap-3 rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
                <input type="hidden" name="show_employer_contrib" value="0">
                <input type="checkbox" name="show_employer_contrib" value="1" <?php echo e(($settings['show_employer_contrib'] ?? '0') === '1' ? 'checked' : ''); ?> class="mt-1 rounded border-slate-300 text-primary focus:ring-primary">
                <span>
                    <span class="block text-sm font-semibold text-slate-800">Show employer contributions (PF/ESI)</span>
                    <span class="mt-1 block text-xs text-slate-500">Display employer share on the employee payslip.</span>
                </span>
            </label>

            <label class="flex items-start gap-3 rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
                <input type="hidden" name="show_ytd_totals" value="0">
                <input type="checkbox" name="show_ytd_totals" value="1" <?php echo e(($settings['show_ytd_totals'] ?? '0') === '1' ? 'checked' : ''); ?> class="mt-1 rounded border-slate-300 text-primary focus:ring-primary">
                <span>
                    <span class="block text-sm font-semibold text-slate-800">Show YTD totals</span>
                    <span class="mt-1 block text-xs text-slate-500">Year-to-date earnings and deductions summary.</span>
                </span>
            </label>

            <label class="flex items-start gap-3 rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
                <input type="hidden" name="show_leave_balance" value="0">
                <input type="checkbox" name="show_leave_balance" value="1" <?php echo e(($settings['show_leave_balance'] ?? '0') === '1' ? 'checked' : ''); ?> class="mt-1 rounded border-slate-300 text-primary focus:ring-primary">
                <span>
                    <span class="block text-sm font-semibold text-slate-800">Show leave balance on payslip</span>
                    <span class="mt-1 block text-xs text-slate-500">Include remaining leave balances on the payslip.</span>
                </span>
            </label>
        </div>

        <div class="mt-6 flex flex-wrap gap-2 border-t border-slate-100 pt-5">
            <button type="submit" class="inline-flex items-center gap-1.5 rounded-full bg-primary px-5 py-2.5 text-sm font-medium text-white shadow-sm transition hover:bg-primary-hover">
                <i class="bi bi-check-lg"></i> Save settings
            </button>
        </div>
    </form>
</div>
<?php /**PATH /var/www/html/kiyohr/v2_version/resources/views/payroll/tabs/payslip-settings.blade.php ENDPATH**/ ?>