<?php
    $settings = $settings ?? [];
    $mode = $settings['payout_mode'] ?? 'bank_transfer';
?>

<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-emerald-50/50 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-emerald-100 text-emerald-700">
                <i class="bi bi-cash-coin text-lg"></i>
            </span>
            <div>
                <p class="text-xs font-semibold uppercase tracking-[0.18em] text-primary">Payout</p>
                <h2 class="mt-0.5 text-lg font-semibold text-slate-900">Payout Settings</h2>
                <p class="mt-1 text-sm text-slate-500">Configure how payroll payouts are handled.</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' => 'payout'])); ?>">

        <div class="grid max-w-3xl gap-5 sm:grid-cols-2">
            <div class="rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
                <label class="block text-sm font-semibold text-slate-800">
                    <i class="bi bi-arrow-left-right mr-1 text-emerald-600"></i> Default payout mode
                </label>
                <select name="payout_mode" class="mt-2 w-full rounded-xl border border-slate-200 px-3 py-2.5 text-sm js-select2">
                    <option value="bank_transfer" <?php echo e($mode === 'bank_transfer' ? 'selected' : ''); ?>>Bank Transfer</option>
                    <option value="cash" <?php echo e($mode === 'cash' ? 'selected' : ''); ?>>Cash</option>
                </select>
            </div>

            <div class="rounded-2xl border border-slate-200/80 bg-slate-50/40 p-4">
                <label class="flex items-start gap-3">
                    <input type="hidden" name="payout_requires_approval" value="0">
                    <input type="checkbox" name="payout_requires_approval" value="1" <?php echo e(($settings['payout_requires_approval'] ?? '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">Require approval before payout</span>
                        <span class="mt-1 block text-xs text-slate-500">Hold payouts until an admin confirms.</span>
                    </span>
                </label>
            </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/payout-settings.blade.php ENDPATH**/ ?>