{{--
    @intent Exibir selo de transparência da última atualização (WCAG AAA).
    @param $model (Model) Obrigatório.
    @param $class (String) Opcional. Classes CSS extras.
--}}
<div class="v2-transparency-badge text-secondary d-inline-flex align-items-center bg-light border p-2 px-3 rounded shadow-sm" style="font-size: 0.85rem;">
    <i class="bi bi-arrow-clockwise fa-spin-hover text-primary me-2" aria-hidden="true"></i>
    <span>
        <span class="visually-hidden">Data da última atualização do conteúdo:</span>
        Atualizado em: 
        @if($model->updated_at)
        <time datetime="{{ $model->updated_at->toW3cString() }}" class="text-dark fw-bold">
            {{ $model->updated_at->format('d/m/Y') }} 
            <span class="visually-hidden">às</span> 
            <small class="text-secondary fw-normal">{{ $model->updated_at->format('H:i') }}</small>
        </time>
        @else
        <span class="text-dark fw-bold">Modo Prévia</span>
        @endif
    </span>
</div>

@push('head-styles')
<style>
    .fa-spin-hover:hover {
        transform: rotate(360deg);
        transition: transform 0.8s ease-in-out;
    }
    .v2-transparency-badge { transition: all 0.2s ease; }
    .v2-transparency-badge:hover { background-color: #fff !important; border-color: var(--tenant-primary); }
</style>
@endpush