@props(['document', 'size' => 40])

@php
    $ext = strtolower($document->original_file_extension);
    $icon = match ($ext) {
        'pdf' => 'bi-file-earmark-pdf-fill text-danger',
        'doc', 'docx' => 'bi-file-earmark-word-fill text-primary',
        default => 'bi-file-earmark-fill text-secondary',
    };
    $height = (int) round($size * 1.294);
@endphp

@if($document->thumbnail_path)
    <img src="{{ route('documents.thumbnail', $document) }}"
         alt=""
         width="{{ $size }}"
         height="{{ $height }}"
         loading="lazy"
         {{ $attributes->merge(['class' => 'document-thumb-img rounded border flex-shrink-0']) }}
         style="width: {{ $size }}px; height: {{ $height }}px; object-fit: cover; object-position: top;">
@else
    <span {{ $attributes->merge(['class' => 'document-thumb-icon rounded border bg-body-secondary d-inline-flex align-items-center justify-content-center flex-shrink-0']) }}
          style="width: {{ $size }}px; height: {{ $height }}px;">
        <i class="bi {{ $icon }}" style="font-size: {{ round($size * 0.42) }}px;"></i>
    </span>
@endif