@php
    $basic = $profile?->basic_salary ?? old('basic_salary');
    $method = $profile?->payment_method ?? old('payment_method', 'bank_transfer');
    $breaks = function (string $which) use ($profile) {
        $rows = $profile ? ($profile->{$which} ?? []) : [];
        for ($i = 0; $i < 3; $i++) {
            yield $rows[$i]['label'] ?? old($which.'_label.'.$i, '');
            yield $rows[$i]['amount'] ?? old($which.'_amount.'.$i);
        }
    };
@endphp
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Full name</label>
        <input type="text" name="full_name" value="{{ $profile?->full_name ?? old('full_name') }}" required
               class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
        @error('full_name')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
    </div>
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Employee no.</label>
        <input type="text" name="employee_no" value="{{ $profile?->employee_no ?? old('employee_no') }}"
               class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
    </div>
</div>

<div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2">
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Designation</label>
        <input type="text" name="designation" value="{{ $profile?->designation ?? old('designation') }}"
               class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
    </div>
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Basic salary (₦)</label>
        <input type="number" step="0.01" min="0" name="basic_salary" value="{{ $basic }}" required
               class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
        @error('basic_salary')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
    </div>
</div>

@php $it = $breaks('allowances'); @endphp
<div class="mt-4">
    <label class="block text-xs font-medium text-gray-500 mb-1">Allowances</label>
    <div class="space-y-2">
        @for ($i = 0; $i < 3; $i++)
            <div class="grid grid-cols-2 gap-2">
                <input type="text" name="allowance_label[]" placeholder="e.g. Housing" value="{{ $it->current() }}"
                       class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                {{ $it->next() }}
                <input type="number" step="0.01" min="0" name="allowance_amount[]" placeholder="₦ amount" value="{{ $it->current() }}"
                       class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                {{ $it->next() }}
            </div>
        @endfor
    </div>
</div>

@php $it = $breaks('deductions'); @endphp
<div class="mt-4">
    <label class="block text-xs font-medium text-gray-500 mb-1">Deductions</label>
    <div class="space-y-2">
        @for ($i = 0; $i < 3; $i++)
            <div class="grid grid-cols-2 gap-2">
                <input type="text" name="deduction_label[]" placeholder="e.g. Tax" value="{{ $it->current() }}"
                       class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                {{ $it->next() }}
                <input type="number" step="0.01" min="0" name="deduction_amount[]" placeholder="₦ amount" value="{{ $it->current() }}"
                       class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                {{ $it->next() }}
            </div>
        @endfor
    </div>
</div>

<div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-3">
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Payment method</label>
        <select name="payment_method" class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
            @foreach (['bank_transfer' => 'Bank transfer', 'cash' => 'Cash', 'check' => 'Check'] as $value => $label)
                <option value="{{ $value }}" {{ $method === $value ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Bank name</label>
        <input type="text" name="bank_name" value="{{ $profile?->bank_name ?? old('bank_name') }}"
               class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
    </div>
    <div>
        <label class="block text-xs font-medium text-gray-500 mb-1">Account number</label>
        <input type="text" name="account_number" value="{{ $profile?->account_number ?? old('account_number') }}" maxlength="60"
               class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
    </div>
</div>