{{-- Step 04: දැනට ලභාගන්නා සහනාධාර  --}}
<div class="form-section {{ $currentStep === 2 ? 'active' : '' }}" id="sec2" data-step="2">

    <x-form.section-header number="04" title="දැනට ලභාගන්නා සහනාධාර" />

    {{-- Q04: Aid checkboxes + other details (options from aid_types table) --}}
    @php
        $showAidOther = in_array('other', old('aid', [])) || $errors->has('aid_estimate');
    @endphp
    <div class="card">
        <div class="card-title">දැනට ලභාගන්නා සහනාධාර</div>
        <div style="display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px">
            @foreach ($aidOptions ?? [] as $value => $label)
                <label class="checkbox-option">
                    <input type="checkbox" name="aid[]" value="{{ $value }}"
                        {{ in_array($value, old('aid', [])) ? 'checked' : '' }}>
                    <span class="check-sq">✓</span> {{ $label }}
                </label>
            @endforeach
            <label class="checkbox-option">
                <input type="checkbox" name="aid[]" value="other" id="aidOtherCheckbox"
                    {{ in_array('other', old('aid', [])) ? 'checked' : '' }}>
                <span class="check-sq">✓</span> වෙනත්
            </label>

            <div id="aidOtherField" class="field" style="flex:1;min-width:220px;{{ $showAidOther ? '' : 'display:none' }}">
                <label for="aid_estimate">විස්තර<span class="req" aria-hidden="true">*</span></label>
                <textarea
                    id="aid_estimate"
                    name="aid_estimate"
                    rows="3"
                    placeholder="වෙනත් සහනාධාරය පිළිබඳ විස්තරය ලියන්න..."
                    @class(['is-invalid' => $errors->has('aid_estimate')])
                    @disabled(!$showAidOther)
                >{{ old('aid_estimate') }}</textarea>
                @error('aid_estimate')
                    <span class="field-error">{{ $message }}</span>
                @enderror
            </div>
        </div>
        @error('aid')
            <span class="field-error" style="display:block;margin-top:8px">{{ $message }}</span>
        @enderror
    </div>

    {{-- Q05: Trade/business --}}
    <x-form.card title="වෘත්තීය පුහුණු අවශ්‍යතා තිබේනම්">
        <div class="grid-4" style="margin-bottom:14px">
            <x-form.field label="නම" name="trade_name" placeholder="සම්පූර්ණ නම" />
            <x-form.field label="වයස" name="trade_age" placeholder="වයස" />
            <x-form.field label="අවශ්‍ය පුහුණුව" name="trade_need" placeholder="" />
            <x-form.field label="අධ්‍යාපන සුදුසුකම්" name="trade_ref" placeholder="අංකය" />
        </div>
        <div class="grid-3" style="margin-top:14px">
            <x-form.field label="දූරකථන අංකය" name="phone"     type="tel"   placeholder="07X XXX XXXX" :required="true" />
            <x-form.field label="WhatsApp අංකය" name="whatsapp" type="tel"   placeholder="07X XXX XXXX" />
            <x-form.field label="විද්‍යුත් ලිපිනය" name="email"   type="email" placeholder="example@email.com" />
        </div>
    </x-form.card>

    {{-- Q06: Declaration --}}
    <x-form.card title="ප්‍රකාශනය">
        <div class="info-note">
            ඉහත සදහන් තොරතුරු නිවැරැදි හා සත්‍ය බැවින් මගේ <input type="number" style="width:60px" name="number_of_children" value="{{ old('number_of_children') }}" />
            <strong>දරුවන්</strong> දෙනාට පාසල් අභ්‍යාස පොත් ලභාදීමේ ආර්ථීක අපහසුකම් පවතින බැවින් පාසැල් පොත් ලබා දෙන ලෙස ඉල්ලා සිටිමි.
        </div>
        <label class="checkbox-option @error('declaration') is-invalid @enderror" style="display:inline-flex;margin-bottom:14px">
            <input type="checkbox" name="declaration" value="1" required
                {{ old('declaration') ? 'checked' : '' }}>
            <span class="check-sq">✓</span>
            මම ඉහත ප්‍රකාශය සත්‍ය බව ප්‍රකාශ කරමි<span class="req" aria-hidden="true">*</span>
        </label>
        @error('declaration')
            <span class="field-error" style="display:block;margin-bottom:14px">{{ $message }}</span>
        @enderror
        <div class="grid-2" style="margin-top:8px">
            <div class="field">
                <label>මව/පිය/භාරකරු/ගේ අත්සන<span class="req" aria-hidden="true">*</span></label>
                <div class="sig-pad-wrap @error('parent_signature') is-invalid @enderror">
                    <canvas id="parentSignaturePad" class="sig-canvas" width="500" height="120" aria-label="ඩිජිටල් අත්සන"></canvas>
                    <input type="hidden" name="parent_signature" id="parentSignatureData" value="{{ old('parent_signature') }}">
                    <button type="button" class="btn-clear-sig" id="clearParentSignature">මකන්න</button>
                </div>
                <label class="sig-upload-btn">
                    <input type="file" accept="image/png,image/jpeg,image/webp" id="uploadParentSignature" hidden>
                    📁 අත්සන උඩුගත කරන්න
                </label>
                @error('parent_signature')
                    <span class="field-error">{{ $message }}</span>
                @enderror
            </div>
            <x-form.field label="දිනය" name="declaration_date" type="date" :required="true" />
        </div>
    </x-form.card>

</div>