{{-- History row partial. Reused by home.blade (top 5 bids + top 5 sells) and history.index (paginated). --}}
{{-- Expects:                                                                                                  --}}
{{--   $tx   = Bid or Sell model (eager-loaded with product, market)                                           --}}
{{--   $kind = 'bid' or 'sell'                                                                                  --}}

@php
    $time      = $kind === 'bid' ? $tx->bid_time : $tx->sell_time;
    $evalTime  = $kind === 'bid'
        ? \Carbon\Carbon::parse($tx->bid_time)->addHour()->toIso8601String()
        : \Carbon\Carbon::parse($tx->sell_time)->addHours(24)->toIso8601String();
@endphp

<div class="tx-row">
    <div class="tx-row__icon">{{ strtoupper(substr($tx->market?->name ?? '?', 0, 1)) }}</div>
    <div class="tx-row__main">
        <div class="tx-row__title">{{ $tx->product?->name }}@if($tx->quantity > 1)<span class="tx-row__qty"> ×{{ $tx->quantity }}</span>@endif</div>
        <div class="tx-row__meta">{{ $tx->market?->name }} · {{ \Carbon\Carbon::parse($time)->diffForHumans(['parts' => 1, 'short' => true]) }}</div>
    </div>
    <div class="tx-row__right">
        <div class="tx-row__amount">${{ number_format($tx->amount * $tx->quantity, 2) }}</div>
        @if($tx->status == 0)
            <div class="tx-row__status tx-row__status--pending" data-eval-time="{{ $evalTime }}"><span class="countdown-text">● In Progress</span></div>
        @elseif($tx->status == 1)
            <div class="tx-row__status tx-row__status--success">✓ Successful</div>
        @elseif($tx->status == 2)
            <div class="tx-row__status tx-row__status--failed">✕ Unsuccessful</div>
        @endif
    </div>
</div>