@props([
  'name' => '',
  'sku' => '',
  'qty' => 0,
  'reorder' => 0,
  'level' => 'warning',
])

@php
  $pct = $reorder > 0 ? min(100, round(($qty / max($reorder, 1)) * 100)) : 0;
@endphp

<div {{ $attributes->class(['stock-item']) }}>
  <div class="stock-item__head">
    <div class="stock-item__info">
      <p class="stock-item__name">{{ $name }}</p>
      <p class="stock-item__sku">{{ $sku }}</p>
    </div>
    <x-badge :variant="$level">{{ $qty }} left</x-badge>
  </div>
  <div class="stock-item__bar" role="progressbar" aria-valuenow="{{ $qty }}" aria-valuemin="0" aria-valuemax="{{ $reorder }}">
    <span class="stock-item__fill stock-item__fill--{{ $level }}" style="width: {{ $pct }}%"></span>
  </div>
  <p class="stock-item__meta">Reorder at {{ $reorder }}</p>
</div>