@props([
    'item',
])

<a href="{{ $item->url() }}" class="vpm-user-trade-card__link">
    <article class="vpm-admin-trade-card vpm-user-trade-card">
        <div class="vpm-admin-trade-card__body">
            <div class="vpm-admin-trade-card__summary">
                <time datetime="{{ $item->executedAt()->toIso8601String() }}" class="vpm-admin-trade-card__date">
                    <span class="vpm-admin-trade-card__date-month">{{ $item->executedAt()->format('M') }}</span>
                    <span class="vpm-admin-trade-card__date-day">{{ $item->executedAt()->format('d') }}</span>
                </time>

                <img
                    src="{{ $item->logoUrl() }}"
                    alt="{{ $item->displaySymbol() }}"
                    class="vpm-admin-trade-card__logo"
                    width="48"
                    height="48"
                    loading="lazy"
                >

                <div class="vpm-admin-trade-card__details">
                    <div class="vpm-admin-trade-card__meta">
                        <p class="vpm-admin-trade-card__line">{{ $item->summaryLine() }}</p>
                        @if ($item->partyName())
                            <p class="vpm-admin-trade-card__party">{{ $item->partyName() }}</p>
                        @endif
                    </div>
                    <p class="vpm-admin-trade-card__pnl {{ $item->pnlClass() }}">
                        {{ $item->formattedDollarPnl() }}
                    </p>
                </div>
            </div>

            @if ($item->isClosed() && $item->closeReasonLabel())
                <p class="vpm-user-trade-card__reason">{{ $item->closeReasonLabel() }}</p>
            @endif
        </div>
    </article>
</a>