@props([
    'title' => '',
    'subtitle' => '',
    'url' => '#',
    'icon' => 'file-text',
    'status' => 'pending',
    'target' => '_blank'
])

@php
    $statusClasses = [
        'pending' => 'border-warning text-warning-emphasis bg-warning-subtle',
        'ready' => 'border-primary text-primary-emphasis bg-primary-subtle',
        'completed' => 'border-success text-success-emphasis bg-success-subtle',
        'expired' => 'border-danger text-danger-emphasis bg-danger-subtle'
    ];
    
    $borderClass = $statusClasses[$status] ?? $statusClasses['pending'];
@endphp

<a href="{{ $url }}" 
   target="{{ $target }}"
   {{ $attributes->merge(['class' => "document-item d-flex align-items-center p-3 rounded-3 border-2 text-decoration-none transition-all {$borderClass}"]) }}>
    
    <div class="document-icon me-3">
        <div class="icon-wrapper rounded-circle p-2 border" style="height: 44px; width: 43px;">
            <x-ui.nicon :name="$icon" class="fs-5"/>
        </div>
    </div>
    
    <div class="document-content flex-grow-1">
        @if($title)
            <div class="document-title fw-semibold mb-1">{{ $title }}</div>
        @endif
        
        @if($subtitle)
            <div class="document-subtitle small opacity-75">{{ $subtitle }}</div>
        @endif
    </div>
    
    <div class="document-action ms-3">
        <x-ui.nicon name="arrow-right" class="fs-6 opacity-50"/>
    </div>
</a>