@php
    $now = now();
    $createdAt = $created_at ? \Carbon\Carbon::parse($created_at) : null;
    $updatedAt = $updated_at ? \Carbon\Carbon::parse($updated_at) : null;
    $publishedAt = $published_at ? \Carbon\Carbon::parse($published_at) : null;
    
    // Count visible items
    $visibleItems = 1;
    if($publishedAt) $visibleItems++;
    if($updatedAt) $visibleItems++;
@endphp

<div class="card border-0 shadow-sm mb-4">
    <div class="card-body p-3">
        <div class="row justify-content-center g-4 text-muted small px-5">
            
            {{-- Created By --}}
            <div class="col-12 col-md-{{ $visibleItems == 1 ? '4' : '6' }} col-lg-{{ $visibleItems == 1 ? '3' : '4' }}">
                <div class="text-center">
                    <div class="d-inline-flex flex-column align-items-center">
                        <i class="fas fa-user-edit fa-2x mb-2 text-primary"></i>
                        {{-- @if(isset($creator_avatar))
                            <img src="{{ $creator_avatar }}" class="rounded-circle mb-2" width="40" height="40" alt="{{ $creater }}">
                        @else
                            <div class="rounded-circle bg-primary bg-opacity-10 d-flex align-items-center justify-content-center mb-2" style="width: 40px; height: 40px;">
                                <i class="fas fa-user-edit text-white"></i>
                            </div>
                        @endif --}}
                        <div class="fw-bold">{{ __('labels.created_by') }}</div>
                        <div>{{ $creater ?? __('labels.system') }}</div>
                        <small>{{ $createdAt ? $createdAt->format('Y-m-d H:i') : '' }}</small>
                    </div>
                </div>
            </div>
            
            {{-- Published At --}}
            @if($publishedAt)
            <div class="col-12 col-md-{{ $visibleItems == 1 ? '4' : '6' }} col-lg-{{ $visibleItems == 1 ? '3' : '4' }}">
                <div class="text-center">
                    <div class="d-inline-flex flex-column align-items-center">
                        @if($is_published ?? false)
                            <i class="fas fa-check-circle fa-2x mb-2 text-success"></i>
                        @else 
                            <i class="fas fa-clock fa-2x mb-2 text-warning"></i>
                        @endif
                        <div class="fw-bold">{{ __('labels.published_at') }}</div>
                        <div>{{ $publishedAt->format('Y-m-d H:i') }}</div>
                        @if (isset($publisher))
                            <small>{{ __('labels.by') }}: {{ $publisher }}</small>
                        @endif
                    </div>
                </div>
            </div>
            @endif

            {{-- Last Updated --}}
            @if($updatedAt)
            <div class="col-12 col-md-{{ $visibleItems == 1 ? '4' : '6' }} col-lg-{{ $visibleItems == 1 ? '3' : '4' }}">
                <div class="text-center">
                    <div class="d-inline-flex flex-column align-items-center">
                        <i class="fas fa-edit fa-2x mb-2 text-info"></i>
                        <div class="fw-bold">{{ __('labels.last_updated') }}</div>
                        <div>{{ $updatedAt->format('Y-m-d H:i') }}</div>
                        @if (isset($updater))
                            <small>{{ __('labels.by') }}: {{ $updater }}</small>
                        @endif
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>