@use('Illuminate\Support\Str')

{{--
    @intent Exibir um dado sensível/técnico com transparência de integridade (ADR-019/ADR-029).

    @description Componente de uso do serviço Security (ADR-015). Sem cor de paleta e sem estilo
    inline: tudo vem de `.security-card` (tokens, `rem`) — o tema e o `@layer a11y` continuam mandando.
--}}
@props([
    'label' => null,
    'value' => null,
    'hash' => null,
    'type' => 'text',
])

@php
    $title = $label ?? __('security::card.default_label');
    $id = 'security-card-title-'.Str::slug($title);
@endphp

<div {{ $attributes->merge(['class' => 'security-card']) }} role="region" aria-labelledby="{{ $id }}">
    <div class="security-card__head">
        <h3 id="{{ $id }}" class="security-card__title">
            <x-ui::icon name="shield-check" />
            {{ $title }}
        </h3>

        @if (filled($hash))
            <span
                class="security-card__badge"
                title="{{ __('security::card.integrity_title') }}"
                aria-label="{{ __('security::card.integrity_aria') }}"
            >
                <x-ui::icon name="check-circle" />
                {{ __('security::card.integrity_badge') }}
            </span>
        @endif
    </div>

    @if ($type === 'secret')
        <div class="security-card__secret" role="textbox" aria-readonly="true">
            <span class="sr-only">{{ __('security::card.secret_label') }}</span>
            <code>{{ $value ?? '********' }}</code>
        </div>
    @else
        <p class="security-card__value">{{ $value }}</p>
    @endif

    @if (filled($hash))
        <details class="security-card__details">
            <summary class="security-card__summary">
                <x-ui::icon name="chevron-right" />
                <span>{{ __('security::card.details') }}</span>
            </summary>

            <div class="security-card__hash">
                <p aria-label="{{ __('security::card.hash_label') }}">
                    <span class="security-card__hash-label">{{ __('security::card.hash_label') }}</span>
                    {{ $hash }}
                </p>
            </div>
        </details>
    @endif
</div>