@php
    $fileExtension = pathinfo($url, PATHINFO_EXTENSION);
    $filename = basename($url); // Extract the filename from the URL
    $icon = match(strtolower($fileExtension)) {
        'pdf' => 'heroicon-o-document-text',
        'jpg', 'jpeg', 'png' => 'heroicon-o-photo',
        'doc', 'docx' => 'heroicon-o-document',
        default => 'heroicon-o-paper-clip',
    };
@endphp

<a href="{{ $url }}" target="_blank" class="inline-flex items-center gap-2 text-primary-600 hover:text-primary-700">
    <x-dynamic-component :component="$icon" class="w-5 h-5" />
    <span class="text-sm font-medium" style="text-decoration: none;">
        {{ $filename }} <!-- Display the filename only -->
    </span>
</a>