{{--
    Date Badge Component
    
    Displays a date with calendar icon.
    
    @props
    - date: Carbon|string|null - Date to display
    - format: string - Date format - default: 'd/m/Y'
    - tooltip: string - Tooltip text - default: 'Status date'
    
    @example
    <x-ui.search-result.date-badge :date="$project->status->created_at"/>
--}}

@props([
    'date' => null,
    'format' => 'd/m/Y',
    'tooltip' => null,
])

@php
    $tooltipText = $tooltip ?? __('Status date');
    $formattedDate = $date instanceof \Carbon\Carbon 
        ? $date->format($format) 
        : ($date ?? '-');
@endphp

<span 
    class="meta-badge meta-date" 
    x-data="tooltip" 
    title="{{ $tooltipText }}"
    {{ $attributes }}
>
    <x-ui.nicon name="calendar" class="meta-icon"/>
    <span>{{ $formattedDate }}</span>
</span>