@extends('layouts.app')

@section('content')
    {{-- ── Page Header ── --}}
    <div class="flex items-center gap-3 mb-6">
        <a href="{{ route('payroll-policy.index') }}" class="btn btn-ghost btn-sm btn-square">
            <span class="icon-[tabler--arrow-left] size-5"></span>
        </a>
        <div>
            <h1 class="text-2xl font-bold tracking-tight">Edit Payroll Policy</h1>
            <p class="text-sm text-base-content/50 mt-0.5">Update your salary and bonus rules</p>
        </div>
    </div>

    <div class="max-w-xl">
        <div class="card bg-base-100 border border-base-200 shadow-sm">
            <div class="card-body p-6">

                <h2 class="font-semibold text-base mb-5 flex items-center gap-2">
                    <span class="icon-[tabler--settings] size-5 text-primary"></span>
                    Policy Configuration
                </h2>

                <form method="POST" action="{{ route('payroll-policy.update', $payrollPolicy) }}" class="space-y-5">
                    @csrf
                    @method('PUT')

                    {{-- Base Salary --}}
                    <div>
                        <label class="label mb-1">
                            <span class="label-text font-medium">Base Salary</span>
                            <span class="label-text-alt text-base-content/40">PKR / month</span>
                        </label>
                        <div class="input w-full @error('base_salary') input-error @enderror">
                            <input type="number" name="base_salary"
                                value="{{ old('base_salary', $payrollPolicy->base_salary) }}" class="grow" min="0"
                                step="1" />
                            <span class="icon-[tabler--wallet] text-base-content/40 my-auto ms-3 size-5 shrink-0"></span>
                        </div>
                        @error('base_salary')
                            <p class="text-error text-xs mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="divider text-xs text-base-content/40">Bonus Rules</div>

                    {{-- No Leave Bonus --}}
                    <div>
                        <label class="label mb-1">
                            <span class="label-text font-medium">No Leave Bonus</span>
                            <span class="label-text-alt text-base-content/40">if 0 leave days</span>
                        </label>
                        <div class="input w-full @error('no_leave_bonus') input-error @enderror">
                            <input type="number" name="no_leave_bonus"
                                value="{{ old('no_leave_bonus', $payrollPolicy->no_leave_bonus) }}" class="grow"
                                min="0" step="1" />
                            <span class="icon-[tabler--calendar-check] text-success my-auto ms-3 size-5 shrink-0"></span>
                        </div>
                        @error('no_leave_bonus')
                            <p class="text-error text-xs mt-1">{{ $message }}</p>
                        @enderror
                        <p class="text-xs text-base-content/40 mt-1">
                            <span class="icon-[tabler--info-circle] size-3 inline me-0.5"></span>
                            Awarded only if you take zero leaves in the month
                        </p>
                    </div>

                    {{-- Punctuality Bonus --}}
                    <div>
                        <label class="label mb-1">
                            <span class="label-text font-medium">Punctuality Bonus</span>
                            <span class="label-text-alt text-base-content/40">if 0 late days</span>
                        </label>
                        <div class="input w-full @error('punctuality_bonus') input-error @enderror">
                            <input type="number" name="punctuality_bonus"
                                value="{{ old('punctuality_bonus', $payrollPolicy->punctuality_bonus) }}" class="grow"
                                min="0" step="1" />
                            <span class="icon-[tabler--clock-check] text-warning my-auto ms-3 size-5 shrink-0"></span>
                        </div>
                        @error('punctuality_bonus')
                            <p class="text-error text-xs mt-1">{{ $message }}</p>
                        @enderror
                        <p class="text-xs text-base-content/40 mt-1">
                            <span class="icon-[tabler--info-circle] size-3 inline me-0.5"></span>
                            Awarded only if you have zero late check-ins in the month
                        </p>
                    </div>

                    <div class="divider text-xs text-base-content/40">Deduction Rules</div>

                    {{-- Leave Deduction --}}
                    <div class="flex items-center justify-between p-4 bg-base-200 rounded-xl">
                        <div>
                            <p class="font-medium text-sm">Leave Deduction</p>
                            <p class="text-xs text-base-content/40 mt-0.5">
                                Deduct salary for leave days — 1 day = base ÷ 30
                            </p>
                        </div>
                        <div class="flex items-center gap-2">
                            <input type="checkbox" class="switch switch-primary" id="enable_leave_deduction"
                                name="enable_leave_deduction" value="1"
                                {{ old('enable_leave_deduction', $payrollPolicy->enable_leave_deduction) ? 'checked' : '' }} />
                            <label class="label-text text-sm" for="enable_leave_deduction">Enable</label>
                        </div>
                    </div>

                    {{-- Sandwich Rule --}}
                    <div class="flex items-center justify-between p-4 bg-base-200 rounded-xl">
                        <div>
                            <p class="font-medium text-sm">Sandwich Rule</p>
                            <p class="text-xs text-base-content/40 mt-0.5">
                                Count weekend between Friday & Monday leaves as leave days
                            </p>
                        </div>
                        <div class="flex items-center gap-2">
                            <input type="checkbox" class="switch switch-warning" id="enable_sandwich_rule"
                                name="enable_sandwich_rule" value="1"
                                {{ old('enable_sandwich_rule', $payrollPolicy->enable_sandwich_rule) ? 'checked' : '' }} />
                            <label class="label-text text-sm" for="enable_sandwich_rule">Enable</label>
                        </div>
                    </div>

                    {{-- Action Buttons --}}
                    <div class="flex gap-3 mt-2">
                        <button type="submit" class="btn btn-primary flex-1 gap-2">
                            <span class="icon-[tabler--device-floppy] size-4"></span>
                            Update Policy
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endsection