@php
    $otpWorkflowEnabled = (bool) ($inclusionOtpWorkflowEnabled ?? false);
    $queue = $workingAccountInclusionOtpQueue ?? collect();
    $ackMinutes = max(1, (int) ceil((int) config('accounts.bank_ack_delay_seconds', 1800) / 60));
@endphp
<div class="space-y-5">
    <div>
        <h1 class="text-xl font-bold text-[#111]">Working account inclusion OTP</h1>
        <p class="mt-1 text-sm text-[#6F6F6F] max-w-3xl leading-relaxed">
            When <code class="text-[11px]">working_account_inclusion_otp</code> is enabled, new working accounts and wire beneficiary registrations receive a 6-digit inclusion code shown here. Operators relay the code for entry in the verification dialog (Working accounts registry or Secure wire → Register beneficiary) within the 10-minute window.
        </p>
    </div>

    @if (session('status'))
        <p class="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-900">{{ session('status') }}</p>
    @endif
    @if ($errors->any())
        <ul class="rounded-lg border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-800 list-disc list-inside">
            @foreach ($errors->all() as $err)
                <li>{{ $err }}</li>
            @endforeach
        </ul>
    @endif

    <div class="rounded-xl border px-4 py-3 text-sm {{ $otpWorkflowEnabled ? 'border-emerald-200 bg-emerald-50 text-emerald-950' : 'border-amber-200 bg-amber-50 text-amber-950' }}">
        @if ($otpWorkflowEnabled)
            <p class="font-semibold">Inclusion OTP workflow is ON</p>
            <p class="mt-1 text-xs leading-relaxed">Self-service registration is allowed on the operator registry when the global profile lock is on. Bank acknowledgement auto-issues after about {{ $ackMinutes }} minutes, or use <strong>Issue OTP now</strong> below.</p>
        @else
            <p class="font-semibold">Inclusion OTP workflow is OFF</p>
            <p class="mt-1 text-xs leading-relaxed">Enable <code class="text-[11px]">working_account_inclusion_otp</code> under Feature flags. New working accounts become active immediately when registered.</p>
        @endif
    </div>

    <div class="overflow-x-auto rounded-xl border border-[#ECECEC] bg-white">
        <table class="min-w-full text-sm">
            <thead class="bg-[#F3F4F8] text-left text-[10px] uppercase tracking-wide text-[#6F6F6F]">
                <tr>
                    <th class="px-3 py-2 font-medium">Operator</th>
                    <th class="px-3 py-2 font-medium">Account</th>
                    <th class="px-3 py-2 font-medium">Registration</th>
                    <th class="px-3 py-2 font-medium">Inclusion OTP</th>
                    <th class="px-3 py-2 font-medium">Expires</th>
                    <th class="px-3 py-2 font-medium text-right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($queue as $row)
                    <tr class="border-t border-[#ECECEC] align-top">
                        <td class="px-3 py-3">
                            <p class="font-medium text-[#111]">{{ $row['user_name'] }}</p>
                            <p class="text-[11px] text-[#6F6F6F]">{{ $row['user_email'] }}</p>
                        </td>
                        <td class="px-3 py-3">
                            <p class="font-medium text-[#111]">{{ $row['account_name'] }}</p>
                            <p class="text-[10px] text-[#7B7B7B] mt-0.5">{{ $row['legal_entity_name'] }}</p>
                        </td>
                        <td class="px-3 py-3 text-xs text-[#5A5A5A]">
                            @if ($row['registration_status'] === 'pending_processing')
                                <span class="inline-block rounded bg-amber-100 px-2 py-0.5 text-[10px] font-semibold text-amber-900">Awaiting acknowledgement</span>
                                @if ($row['ack_due_at'])
                                    <span class="block mt-1 text-[10px]">Auto-issue ~{{ $ackMinutes }}m from submit</span>
                                @endif
                            @else
                                <span class="inline-block rounded bg-indigo-100 px-2 py-0.5 text-[10px] font-semibold text-indigo-900">Awaiting operator OTP entry</span>
                            @endif
                        </td>
                        <td class="px-3 py-3">
                            @if ($row['otp_code'])
                                <p class="font-mono text-lg font-bold tracking-[0.2em] text-[#012169]" id="otp-{{ $row['account_id'] }}">{{ $row['otp_code'] }}</p>
                                <p class="text-[10px] text-[#7B7B7B] mt-1">Relay this 6-digit code to the operator for verification.</p>
                                @if (isset($row['otp_verify_aligned']) && $row['otp_verify_aligned'] === false)
                                    <p class="text-[10px] text-amber-800 mt-1 font-medium">Storage drift — click <strong>Regenerate OTP</strong>, then use the new code only.</p>
                                @endif
                            @elseif (!empty($row['otp_unreadable']))
                                <span class="text-[11px] text-amber-800">Code unreadable — click <strong>Regenerate OTP</strong>.</span>
                            @else
                                <span class="text-[11px] text-[#9A9A9A]">Not issued yet</span>
                            @endif
                        </td>
                        <td class="px-3 py-3 text-xs text-[#5A5A5A]">
                            @if ($row['otp_expires_at'])
                                {{ \Illuminate\Support\Carbon::parse($row['otp_expires_at'])->timezone(config('app.timezone'))->format('M j, Y g:i A T') }}
                            @else
                                —
                            @endif
                        </td>
                        <td class="px-3 py-3 text-right">
                            <div class="flex flex-col items-end gap-1.5">
                                @if ($otpWorkflowEnabled && $row['registration_status'] === 'pending_processing')
                                    <form method="post" action="{{ route('control.panel.working-account-inclusion-otps.issue', $row['account_id']) }}">
                                        @csrf
                                        <button type="submit" class="h-8 px-3 rounded-lg bg-[#012169] text-white text-[11px] font-semibold">Issue OTP now</button>
                                    </form>
                                @endif
                                @if ($otpWorkflowEnabled && $row['registration_status'] === 'awaiting_otp')
                                    <form method="post" action="{{ route('control.panel.working-account-inclusion-otps.regenerate', $row['account_id']) }}">
                                        @csrf
                                        <button type="submit" class="h-8 px-3 rounded-lg border border-[#012169] text-[#012169] text-[11px] font-semibold">Regenerate OTP</button>
                                    </form>
                                @endif
                                @if ($row['otp_code'])
                                    <button type="button" class="h-8 px-3 rounded-lg border border-[#ECECEC] text-[11px] font-medium text-[#012169]" onclick="navigator.clipboard.writeText(document.getElementById('otp-{{ $row['account_id'] }}').textContent.trim())">Copy code</button>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="px-4 py-8 text-center text-sm text-[#7B7B7B]">No working accounts are waiting for acknowledgement or OTP authorization.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <p class="text-[11px] text-[#7B7B7B] leading-relaxed max-w-3xl">
        Operator path: <code class="text-[10px]">/accounts/working-registry</code> → Verification column → 6-digit code → Authorize inclusion.
    </p>
</div>