<?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-teal-50/60 via-white to-emerald-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-emerald-100 text-emerald-700">
                <i class="bi bi-piggy-bank text-lg"></i>
            </span>
            <div>
                <p class="text-xs font-semibold uppercase tracking-[0.18em] text-primary">Statutory</p>
                <h2 class="mt-0.5 text-lg font-semibold text-slate-900">PF &amp; ESI Settings</h2>
                <p class="mt-1 text-sm text-slate-500">Configure deductions and rules used during payroll generation.</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' => 'pf_esi'])); ?>">

        <div class="grid gap-5 lg:grid-cols-2">
            <div id="pf-esi" class="rounded-2xl border border-slate-200/80 bg-slate-50/40 p-5">
                <h3 class="mb-4 flex items-center gap-2 text-sm font-semibold text-slate-900">
                    <i class="bi bi-safe2 text-teal-600"></i> Provident Fund
                </h3>
                <div class="space-y-3">
                    <label class="flex items-center gap-2">
                        <input type="hidden" name="payroll_pf_enabled" value="0">
                        <input type="checkbox" name="payroll_pf_enabled" value="1" <?php echo e(($settings['payroll_pf_enabled'] ?? '0') === '1' ? 'checked' : ''); ?> class="rounded border-slate-300 text-primary focus:ring-primary">
                        <span class="text-sm font-medium text-slate-700">Enable PF deduction</span>
                    </label>
                    <label class="flex items-center gap-2 pl-6">
                        <input type="hidden" name="pf_excluded_in_ctc" value="0">
                        <input type="checkbox" name="pf_excluded_in_ctc" value="1" <?php echo e(($settings['pf_excluded_in_ctc'] ?? '0') === '1' ? 'checked' : ''); ?> class="rounded border-slate-300 text-primary focus:ring-primary">
                        <span class="text-sm text-slate-700">Exclude PF Employer from CTC</span>
                    </label>
                    <div class="grid gap-3 pl-6 sm:grid-cols-2">
                        <div>
                            <label class="block text-xs font-medium text-slate-500">Rate %</label>
                            <input type="number" name="payroll_pf_rate" step="0.01" min="0" max="100" value="<?php echo e($settings['payroll_pf_rate'] ?? '12'); ?>" class="mt-1 w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-0">
                        </div>
                        <div>
                            <label class="block text-xs font-medium text-slate-500">Cap (basic)</label>
                            <input type="number" name="payroll_pf_cap" min="0" value="<?php echo e($settings['payroll_pf_cap'] ?? '15000'); ?>" class="mt-1 w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-0">
                        </div>
                    </div>
                </div>
            </div>

            <div class="rounded-2xl border border-slate-200/80 bg-slate-50/40 p-5">
                <h3 class="mb-4 flex items-center gap-2 text-sm font-semibold text-slate-900">
                    <i class="bi bi-heart-pulse text-rose-600"></i> ESI
                </h3>
                <div class="space-y-3">
                    <label class="flex items-center gap-2">
                        <input type="hidden" name="payroll_esi_enabled" value="0">
                        <input type="checkbox" name="payroll_esi_enabled" value="1" <?php echo e(($settings['payroll_esi_enabled'] ?? '0') === '1' ? 'checked' : ''); ?> class="rounded border-slate-300 text-primary focus:ring-primary">
                        <span class="text-sm font-medium text-slate-700">Enable ESI deduction</span>
                    </label>
                    <label class="flex items-center gap-2 pl-6">
                        <input type="hidden" name="esi_excluded_in_ctc" value="0">
                        <input type="checkbox" name="esi_excluded_in_ctc" value="1" <?php echo e(($settings['esi_excluded_in_ctc'] ?? '0') === '1' ? 'checked' : ''); ?> class="rounded border-slate-300 text-primary focus:ring-primary">
                        <span class="text-sm text-slate-700">Exclude ESI Employer from CTC</span>
                    </label>
                    <div class="grid gap-3 pl-6 sm:grid-cols-2">
                        <div>
                            <label class="block text-xs font-medium text-slate-500">Rate %</label>
                            <input type="number" name="payroll_esi_rate" step="0.01" min="0" max="100" value="<?php echo e($settings['payroll_esi_rate'] ?? '0.75'); ?>" class="mt-1 w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-0">
                        </div>
                        <div>
                            <label class="block text-xs font-medium text-slate-500">Wage cap</label>
                            <input type="number" name="payroll_esi_cap" min="0" value="<?php echo e($settings['payroll_esi_cap'] ?? '21000'); ?>" class="mt-1 w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-0">
                        </div>
                    </div>
                </div>
            </div>

            <div id="pt" class="rounded-2xl border border-slate-200/80 bg-white p-5 shadow-sm lg:col-span-2">
                <h3 class="mb-4 flex items-center gap-2 text-sm font-semibold text-slate-900">
                    <i class="bi bi-receipt text-amber-600"></i> Professional Tax (simple amount)
                </h3>
                <label class="flex items-center gap-2">
                    <input type="hidden" name="payroll_pt_enabled" value="0">
                    <input type="checkbox" name="payroll_pt_enabled" value="1" <?php echo e(($settings['payroll_pt_enabled'] ?? '0') === '1' ? 'checked' : ''); ?> class="rounded border-slate-300 text-primary focus:ring-primary">
                    <span class="text-sm font-medium text-slate-700">Enable Professional Tax</span>
                </label>
                <div class="mt-3 max-w-xs">
                    <label class="block text-xs font-medium text-slate-500">Amount</label>
                    <input type="number" name="payroll_pt_amount" min="0" value="<?php echo e($settings['payroll_pt_amount'] ?? '200'); ?>" class="mt-1 w-full rounded-xl border border-slate-200 px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-0">
                </div>
                <p class="mt-2 text-xs text-slate-500">For state-wise slabs, use the PT Settings tab.</p>
            </div>
        </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/settings.blade.php ENDPATH**/ ?>