@php 

use \App\Enums\TransactionCalcType;
use \App\Enums\TransactionStatus;
use \App\Enums\TransactionType;

$base_currency = base_currency();

@endphp

<div class="nk-odr-item {{ $transaction->status == TransactionStatus::CANCELLED ? 'is-cancelled' : '' }}">
    <div class="nk-odr-col">
        <div class="nk-odr-info">
            <div class="nk-odr-badge">
                {!! tnx_type_icon($transaction, 'odr-icon') !!}
            </div>
            <div class="nk-odr-data">
                <div class="nk-odr-label ellipsis">{{ $transaction->description }}</div>
                <div class="nk-odr-meta">
                    <span class="date">{{ show_date($transaction->created_at) }}</span>
                    <span class="status dot-join{{ $transaction->status == TransactionStatus::CANCELLED ? ' text-danger' : '' }}">
                        {{ data_get($transaction->details, 'status') }}
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="nk-odr-col nk-odr-col-amount">
        <div class="nk-odr-amount">
            <div class="number-md text-s {{ $transaction->calc == TransactionCalcType::CREDIT ? 'text-success' : 'text-danger' }}">
                {{ $transaction->calc == TransactionCalcType::CREDIT ? '+' : '-' }} {{ show_amount($transaction->amount, $base_currency) }}
                <span class="currency">{{ $base_currency }}</span>
            </div>
            <div class="number-sm">{{ show_amount($transaction->tnx_amount, $transaction->tnx_currency) }} <span class="currency">{{ $transaction->tnx_currency }}</span></div>
        </div>
    </div>
    <div class="nk-odr-col nk-odr-col-action">
        <div class="nk-odr-action">
            <a class="tnx-details" href="javascript:void(0)" data-tnx="{{ the_hash($transaction->id) }}"><em class="icon ni ni-forward-ios"></em></a>
        </div>
    </div>
</div>