{{-- Offline payment: how to pay, then tell us what you paid with. Shown when "Manual / Bank Transfer" is picked. --}}
@php
    $manualOpen = old('payment_method', $selectedMethod ?? null) === 'manual';
    $instructions = trim((string) setting('manual_payment_instructions'));
    $receiptRequired = setting('manual_payment_receipt_required_enabled') === '1';
@endphp
<div class="lf-pay-panel {{ $manualOpen ? 'show' : '' }}" id="manualPanel">
    @if($instructions !== '')
        <div class="alert alert-light border small mb-3">
            <div class="fw-semibold mb-1"><i class="bi bi-bank me-1"></i>{{ __('How to pay') }}</div>
            {!! nl2br(e($instructions)) !!}
        </div>
    @endif
    <div class="row g-3">
        <div class="col-sm-6">
            <label class="form-label" for="payer_reference">{{ __('Transaction ID / reference') }} <span class="text-danger">*</span></label>
            <input type="text" id="payer_reference" name="payer_reference" value="{{ old('payer_reference') }}" maxlength="120" autocomplete="off"
                   class="form-control font-monospace @error('payer_reference') is-invalid @enderror" placeholder="{{ __('e.g. TXN8F3K29D') }}">
            @error('payer_reference')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-sm-6">
            <label class="form-label" for="proof">{{ __('Payment receipt') }} @if($receiptRequired)<span class="text-danger">*</span>@else<span class="text-muted small">({{ __('optional') }})</span>@endif</label>
            <input type="file" id="proof" name="proof" accept=".jpg,.jpeg,.png,.webp,.pdf" class="form-control @error('proof') is-invalid @enderror">
            @error('proof')<div class="invalid-feedback">{{ $message }}</div>@enderror
            <div class="form-text">{{ __('Screenshot or PDF, up to 4 MB.') }}</div>
        </div>
        <div class="col-12">
            <label class="form-label" for="payer_note">{{ __('Note') }} <span class="text-muted small">({{ __('optional') }})</span></label>
            <input type="text" id="payer_note" name="payer_note" value="{{ old('payer_note') }}" maxlength="500" class="form-control" placeholder="{{ __('Sender name, number or date of transfer') }}">
        </div>
    </div>
    <div class="form-text mt-2"><i class="bi bi-info-circle me-1"></i>{{ __('Access opens once our team confirms the money has arrived.') }}</div>
</div>