@php
    $status = $account?->status ?? 'unlinked';
    $accountId = $account?->razorpay_account_id ?? '';
    $lastError = $account?->last_error ?? '';
@endphp

<div class="d-flex align-items-center justify-content-center flex-wrap gap-1" id="route-badge-{{ $type }}-{{ $id }}">
    @if ($status === 'active')
        <span class="badge badge-soft-success" title="{{ $accountId ? 'Account: ' . $accountId : 'Active' }}">
            <i class="tio-checkmark-circle-outlined mr-1"></i>Active
        </span>
    @elseif ($status === 'pending')
        <span class="badge badge-soft-warning" title="KYC Verification Pending">
            <i class="tio-time mr-1"></i>Pending
        </span>
        <button type="button" class="btn btn-outline-secondary btn-xs ml-1 py-0 px-1 js-route-retry"
                data-url="{{ route('admin.business-settings.razorpay-route.retry', [$type, $id]) }}"
                title="Sync Status">
            <i class="tio-refresh"></i>
        </button>
    @elseif ($status === 'action_required')
        <span class="badge badge-soft-warning" title="{{ $lastError ?: 'Incomplete bank details' }}">
            <i class="tio-warning mr-1"></i>Action Req.
        </span>
        <button type="button" class="btn btn-outline-primary btn-xs ml-1 py-0 px-1 js-route-retry"
                data-url="{{ route('admin.business-settings.razorpay-route.retry', [$type, $id]) }}"
                title="{{ $lastError ?: 'Retry Provisioning' }}">
            <i class="tio-refresh"></i> Retry
        </button>
    @elseif ($status === 'rejected')
        <span class="badge badge-soft-danger" title="{{ $lastError ?: 'Provisioning Failed' }}">
            <i class="tio-clear mr-1"></i>Failed
        </span>
        <button type="button" class="btn btn-outline-danger btn-xs ml-1 py-0 px-1 js-route-retry"
                data-url="{{ route('admin.business-settings.razorpay-route.retry', [$type, $id]) }}"
                title="{{ $lastError ?: 'Retry Provisioning' }}">
            <i class="tio-refresh"></i> Retry
        </button>
    @else
        <span class="badge badge-soft-secondary" title="No Linked Account">
            Unlinked
        </span>
        <button type="button" class="btn btn-outline-info btn-xs ml-1 py-0 px-1 js-route-retry"
                data-url="{{ route('admin.business-settings.razorpay-route.retry', [$type, $id]) }}"
                title="Provision Linked Account">
            <i class="tio-refresh"></i> Connect
        </button>
    @endif
</div>