{{-- Inventory row partial. Reused by home.blade (top 5) and inventory.index (paginated full list). --}}
{{-- Expects: $ownership (Ownership model with eager-loaded product, product.market, sells filtered to status=0) --}}

<li class="inventory-item">
    <div style="display:flex;align-items:center;gap:0.85rem;flex:1;min-width:0;">
        <img src="{{ asset('storage/products/'.$ownership->product?->image1) }}"
            class="inventory-thumb" alt="{{ $ownership->product?->name }}" loading="lazy">
        <div style="min-width:0;">
            <p class="text-xs font-semibold" style="margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ $ownership->product?->name }}</p>
            <p class="text-xs" style="margin:0.25rem 0 0;color:#10b981;font-weight:600;">${{ number_format($ownership->value, 2) }}</p>
            <p class="text-xs" style="margin:0.15rem 0 0;color:var(--text-muted);">{{ $ownership->product?->market?->name }} · Qty {{ $ownership->quantity }}</p>
        </div>
    </div>
    @php $pendingSell = $ownership->sells?->where('status', 0)->first(); @endphp
    @if($pendingSell)
    <span class="sell-status-badge" data-eval-time="{{ \Carbon\Carbon::parse($pendingSell->sell_time)->addHours(24)->toIso8601String() }}">
        <span style="width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block;animation:tradePulse 1.6s ease-in-out infinite;"></span>
        In Sale... <span class="countdown-text" style="font-size:0.65rem;opacity:0.8;"></span>
    </span>
    @else
    <a href="{{ route('sell-markets', $ownership->slug) }}"
       class="sell-action-btn"
       @if($ownership->pilot_follow_id !== null) data-pilot-managed="1" @endif>Sell Off</a>
    @endif
</li>