@php
    $workflow = $workflow ?? [];
@endphp

<div class="mb-4 overflow-visible rounded-xl border border-slate-200 bg-white shadow-sm">
    <div class="flex flex-col gap-3 border-b border-slate-100 bg-slate-50/80 px-4 py-2.5 sm:flex-row sm:items-center sm:justify-between">
        <nav class="flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-slate-600" aria-label="Payroll navigation">
            <x-loan.workspace-link :href="route('loan.accounting.payroll.hub')" class="font-medium text-teal-800 hover:text-teal-900 hover:underline">Payroll home</x-loan.workspace-link>
            <span class="text-slate-300" aria-hidden="true">·</span>
            <x-loan.workspace-link :href="route('loan.accounting.payroll.index')" class="font-medium text-teal-800 hover:text-teal-900 hover:underline">All periods</x-loan.workspace-link>
            @if ($canEditPeriod ?? false)
                <span class="text-slate-300" aria-hidden="true">·</span>
                <x-loan.workspace-link :href="route('loan.accounting.payroll.edit', $accounting_payroll_period)" class="font-medium text-slate-700 hover:text-slate-900 hover:underline">Edit period</x-loan.workspace-link>
            @endif
        </nav>
        <div class="flex flex-wrap items-center gap-1.5">
            @include('loan.accounting.books.payroll.partials.export-period')
        </div>
    </div>

    <div class="flex flex-wrap items-center gap-2 px-4 py-3">
        @if (($canGeneratePayroll ?? false) && (! ($canAdjustBasicPay ?? false) || ($worksheetRows ?? []) === []))
            <form method="post" action="{{ route('loan.accounting.payroll.generate', $accounting_payroll_period) }}" class="inline" data-swal-confirm="{{ $generateConfirm ?? 'Generate payroll lines?' }}">
                @csrf
                <x-loan.workspace-embed-field />
                <button type="submit" class="inline-flex rounded-lg bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-emerald-700">Generate payroll</button>
            </form>
        @endif
        @if (($canRegeneratePayroll ?? false) && (! ($canAdjustBasicPay ?? false) || ($worksheetRows ?? []) === []))
            <form method="post" action="{{ route('loan.accounting.payroll.regenerate', $accounting_payroll_period) }}" class="inline" data-swal-confirm="Regenerate all payroll lines? Existing lines will be replaced.">
                @csrf
                <x-loan.workspace-embed-field />
                <button type="submit" class="inline-flex rounded-lg border border-amber-300 bg-amber-50 px-3 py-1.5 text-sm font-semibold text-amber-900 hover:bg-amber-100">Regenerate</button>
            </form>
        @endif
        @if (($incentivesConfigured ?? false) && ($canEditLines ?? false))
            <form method="post" action="{{ route('loan.accounting.payroll.apply_incentives', $accounting_payroll_period) }}" class="inline" data-swal-confirm="Apply active incentive schedules to all lines in this period?">
                @csrf
                <x-loan.workspace-embed-field />
                <button type="submit" class="inline-flex rounded-lg bg-teal-700 px-3 py-1.5 text-sm font-semibold text-white hover:bg-teal-800">Apply incentives ({{ $activeIncentiveCount ?? 0 }})</button>
            </form>
        @endif
        @if ($workflow['can_mark_reviewed'] ?? false)
            <form method="post" action="{{ route('loan.accounting.payroll.review', $accounting_payroll_period) }}" class="inline">
                @csrf
                <x-loan.workspace-embed-field />
                <button type="submit" class="inline-flex rounded-lg bg-indigo-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-indigo-700">Mark reviewed</button>
            </form>
        @endif
        @if ($workflow['can_approve'] ?? false)
            <form method="post" action="{{ route('loan.accounting.payroll.approve', $accounting_payroll_period) }}" class="inline flex flex-wrap items-center gap-2">
                @csrf
                <x-loan.workspace-embed-field />
                @if ($workflow['approve_needs_override'] ?? false)
                    <input name="override_reason" required placeholder="Override reason" class="rounded-lg border border-amber-300 px-2 py-1 text-xs w-44"/>
                @endif
                <button type="submit" class="inline-flex rounded-lg bg-blue-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-blue-700">Approve</button>
            </form>
        @endif
        @if ($workflow['can_lock'] ?? false)
            <form method="post" action="{{ route('loan.accounting.payroll.lock', $accounting_payroll_period) }}" class="inline flex flex-wrap items-center gap-2" data-swal-confirm="Lock payroll after confirmation? Lines become immutable, payslips are emailed, and the register is sent to treasury for bank, cash, or M-Pesa disbursement.">
                @csrf
                <x-loan.workspace-embed-field />
                @if ($workflow['lock_needs_override'] ?? false)
                    <input name="override_reason" required placeholder="Override reason" class="rounded-lg border border-amber-300 px-2 py-1 text-xs w-44"/>
                @endif
                <button type="submit" class="inline-flex rounded-lg bg-slate-800 px-3 py-1.5 text-sm font-semibold text-white hover:bg-slate-900">Lock payroll</button>
            </form>
        @endif
        @if ($workflow['can_close'] ?? false)
            <form method="post" action="{{ route('loan.accounting.payroll.close', $accounting_payroll_period) }}" class="inline" data-swal-confirm="Close and seal this payroll period?">
                @csrf
                <x-loan.workspace-embed-field />
                <button type="submit" class="inline-flex rounded-lg bg-emerald-800 px-3 py-1.5 text-sm font-semibold text-white hover:bg-emerald-900">Close period</button>
            </form>
        @elseif (($workflow['close_blocker'] ?? null) && ($accounting_payroll_period->isLocked() || $accounting_payroll_period->isPaid()) && ! ($workflow['is_closed'] ?? false))
            <span class="inline-flex items-center rounded-lg border border-amber-200 bg-amber-50 px-3 py-1.5 text-xs font-medium text-amber-900" title="{{ $workflow['close_blocker'] }}">
                Close blocked: {{ $workflow['close_blocker'] }}
            </span>
        @endif
        @if ($workflow['can_reopen'] ?? false)
            <form method="post" action="{{ route('loan.accounting.payroll.reopen', $accounting_payroll_period) }}" class="inline" data-swal-confirm="Reopen this payroll period? Payment completion will be required before closing again.">
                @csrf
                <x-loan.workspace-embed-field />
                <button type="submit" class="inline-flex rounded-lg border border-amber-300 bg-amber-50 px-3 py-1.5 text-sm font-semibold text-amber-900 hover:bg-amber-100">Reopen period</button>
            </form>
        @endif
        @if (($workflow['is_closed'] ?? false) && ! ($workflow['can_request_correction'] ?? false) && ! ($workflow['can_reverse'] ?? false))
            <span class="inline-flex items-center rounded-lg border border-slate-200 bg-slate-50 px-3 py-1.5 text-xs font-semibold text-slate-600">Period sealed</span>
        @endif
    </div>

    @if ($workflow['can_request_correction'] ?? false)
        <div class="border-t border-slate-100 px-4 py-3">
            <form method="post" action="{{ route('loan.accounting.payroll.corrections.request', $accounting_payroll_period) }}" class="flex flex-wrap items-center gap-2">
                @csrf
                <x-loan.workspace-embed-field />
                <input name="reason" required placeholder="Correction reason" class="rounded-lg border border-amber-300 px-2 py-1.5 text-xs w-52"/>
                <button type="submit" class="inline-flex rounded-lg border border-amber-300 bg-amber-50 px-3 py-1.5 text-sm font-semibold text-amber-900 hover:bg-amber-100">Request correction</button>
            </form>
        </div>
    @endif
    @if ($workflow['can_review_correction'] ?? false)
        @php $pendingCorrection = $workflow['pending_correction']; @endphp
        <div class="border-t border-slate-100 px-4 py-3">
            <div class="inline-flex flex-wrap items-center gap-2 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2">
                <span class="text-xs text-amber-900">Pending correction #{{ $pendingCorrection->id }}</span>
                <form method="post" action="{{ route('loan.accounting.payroll.corrections.approve', $pendingCorrection) }}" class="inline" data-swal-confirm="Approve correction and reverse payroll?">
                    @csrf
                <x-loan.workspace-embed-field />
                    <button type="submit" class="inline-flex rounded-lg bg-amber-700 px-3 py-1.5 text-xs font-semibold text-white hover:bg-amber-800">Approve</button>
                </form>
                <form method="post" action="{{ route('loan.accounting.payroll.corrections.reject', $pendingCorrection) }}" class="inline flex items-center gap-1">
                    @csrf
                <x-loan.workspace-embed-field />
                    <input name="review_notes" required placeholder="Rejection reason" class="rounded-lg border border-amber-300 px-2 py-1 text-xs w-40"/>
                    <button type="submit" class="inline-flex rounded-lg border border-amber-400 bg-white px-3 py-1.5 text-xs font-semibold text-amber-900 hover:bg-amber-100">Reject</button>
                </form>
            </div>
        </div>
    @endif
    @if ($workflow['can_reverse'] ?? false)
        <div class="border-t border-slate-100 px-4 py-3">
            <form method="post" action="{{ route('loan.accounting.payroll.reverse', $accounting_payroll_period) }}" class="inline flex flex-wrap items-center gap-2" data-swal-confirm="Reverse this payroll period?">
                @csrf
                <x-loan.workspace-embed-field />
                <input name="reason" required placeholder="Reversal reason" class="rounded-lg border border-rose-300 px-2 py-1.5 text-xs w-52"/>
                <button type="submit" class="inline-flex rounded-lg border border-rose-300 bg-rose-50 px-3 py-1.5 text-sm font-semibold text-rose-800 hover:bg-rose-100">Reverse payroll</button>
            </form>
        </div>
    @endif
</div>