{{--
    Reference Badge Component
    
    Displays an ID/reference badge with hash icon.
    
    @props
    - prefix: string - Prefix before ID (e.g., 'D', 'L', 'U')
    - id: int|string - The ID to display
    - tooltip: string - Custom tooltip text (optional)
    
    @example
    <x-ui.search-result.ref-badge prefix="D" :id="$project->id"/>
--}}

@props([
    'prefix' => '',
    'id' => '',
    'tooltip' => null,
])

@php
    $tooltipText = $tooltip ?? match($prefix) {
        'D' => __('Project reference'),
        'L' => __('Lead ID'),
        'U' => __('User ID'),
        'S' => __('Company ID'),
        default => __('Reference'),
    };
@endphp

<span 
    class="meta-badge meta-ref" 
    x-data="tooltip" 
    title="{{ $tooltipText }}"
    {{ $attributes }}
>
    <x-ui.nicon name="hash" class="meta-icon"/>
    <span>{{ $prefix }}{{ $id }}</span>
</span>