@php
    $value = $product->barcode ?: $product->sku;
@endphp

<div class="flex flex-col items-center gap-4 py-2">
    <img
        src="{{ route('barcode.show', ['product' => $product, 'format' => 'svg', 'download' => 1]) }}"
        alt="{{ $value }}"
        style="height: 4.5rem; width: auto;"
    >
    <div class="text-sm font-medium text-gray-700 dark:text-gray-300">{{ $value }}</div>
    <a
        href="{{ route('barcode.show', ['product' => $product, 'format' => 'png', 'download' => 1]) }}"
        class="fi-link fi-color-primary fi-size-sm rounded-lg"
    >
        Download PNG
    </a>
</div>