@php
    $publishedAt = $published_at ? \Carbon\Carbon::parse($published_at) : null;
@endphp
<div class="view-meta d-flex flex-wrap gap-3 mb-4">
    <div class="d-flex align-items-center gap-3 p-3 bg-white border rounded shadow-sm">
        <div class="bg-primary bg-opacity-10 p-2 rounded">
            <i class="fas fa-user-edit text-white fa-lg"></i>
        </div>
        <div>
            <small class="text-muted d-block">{{ __('labels.created_by') }}</small>
            <strong class="fs-6">
                {{-- {{ $creator ?? 'N/A' }} --}}
                {{ $creator ?? __('labels.system') }}
            </strong>
        </div>
    </div>

    @if($publishedAt)
        <div class="d-flex align-items-center gap-3 p-3 bg-white border rounded shadow-sm">
            <div class="bg-success bg-opacity-10 p-2 rounded">
                <i class="fas fa-calendar-alt text-success fa-lg"></i>
            </div>
            <div>
                <small class="text-muted d-block">{{ __('labels.published_at') }}</small>
                <strong class="fs-6">
                    @if ($publishedAt)
                        <span class="published-date">
                            {{ $publishedAt->format('d.m.Y') }}
                            {{-- {{ $published_at ? date('d.m.Y', strtotime($published_at)) : '' }} --}}
                        </span>
                        <span class="published-time">
                            {{ $publishedAt->format('H:i') }}
                            {{-- {{ $published_at ? date('H:i', strtotime($published_at)) : '' }} --}}
                        </span>
                    @else
                        N/A
                    @endif
                </strong>
            </div>
        </div>
    @endif

    @if(isset($views) && $views)
        <div class="d-flex align-items-center gap-3 p-3 bg-white border rounded shadow-sm">
            <div class="bg-info bg-opacity-10 p-2 rounded">
                <i class="fas fa-eye text-info fa-lg"></i>
            </div>
            <div>
                <small class="text-muted d-block">{{ __('labels.views') }}</small>
                <strong class="fs-6">{{ $views ?? 0 }}</strong>
            </div>
        </div>
    @endif
</div>