@php
    $type = $props['type'] ?? null;

    $type = match($type) {
        'mandate' => TransactionType::MANDATE,
        'bonus_bank' => TransactionType::BONUS_BANK,
        'bonus_insurance' => TransactionType::BONUS_INSURANCE,
        'insuranceFees' => TransactionType::INSURANCE_FEES,
        default => null,
    };

    // Do not display the badge if the type is not valid
    if(! $type) return;

    $hasIncome = $row->canCreateTransaction(TransactionDirection::INCOME, $type);
    $hasExpense = $row->canCreateTransaction(TransactionDirection::EXPENSE, $type);
@endphp

<div 
    style="min-width: 40px"
    x-data="{
        'transactions': @js($row->transactions->where('type', $type)->values()),
        updateTransaction(transaction) {
            if(this.transactions.some(t => t.id === transaction.id)) {
                this.transactions = this.transactions.map(t => t.id === transaction.id ? transaction : t);
            } else{
                this.transactions.push(transaction);
            }
        },
    }"
    @update-transaction-{{ $row->id }}-{{ $type }}.window="updateTransaction($event.detail.transaction)"
>

{{-- {{ json_encode($row->transactions->where('type', $type)->where('created_by_user', false)->values()) }} --}}
    @if(! auth()->user()->is_any_partner_role && $hasIncome)
    <em class="icon ni ni-chart-up fs-17px bg-dim me-1'"
        x-bind:class="{
            'text-success': transactions.length > 0 && transactions.filter(t => t.locked == true && t.direction == {{ TransactionDirection::INCOME }}).length > 0,
            'text-warning': transactions.length > 0 && transactions.filter(t => t.income_debt && ! t.income_debt.resolved_at && t.income_debt.amount > 0 && t.direction == {{ TransactionDirection::INCOME }}).length > 0
        }"
    ></em>
    @endif
    @if($hasExpense)
    <em class="icon ni ni-user-c fs-17px bg-dim me-1'"
        x-bind:class="{
            'text-success': transactions.length > 0 && transactions.filter(t => t.locked == true && t.direction == {{ TransactionDirection::EXPENSE }}).length > 0,
            'text-warning': transactions.length > 0 && transactions.filter(t => t.expense_debt && t.expense_debt.amount > 0 && t.direction == {{ TransactionDirection::EXPENSE }}).length > 0
        }"
    ></em>
    @endif
</div>