@props([
    'seal' => 'Recebido',
    'title',
    'body',
    'homeLabel' => 'Voltar para a home',
    'whatsappLabel' => 'Falar no WhatsApp',
    'whatsappText' => 'Olá, enviei um briefing e gostaria de acompanhar.',
])

@php
    $settings = $siteSettings ?? \App\Models\SiteSetting::instance();
    $digits = preg_replace('/\D/', '', (string) ($settings->whatsapp_number ?? ''));
    $whatsappHref = strlen($digits) >= 10
        ? 'https://wa.me/'.$digits.'?text='.rawurlencode($whatsappText)
        : null;
@endphp

<div
    role="status"
    data-form-success
    class="mt-10 max-w-2xl space-y-6 border border-amare-border bg-amare-bg-deep px-6 py-10 md:px-10"
    data-motion="page-open"
    {{ $attributes }}
>
    <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent" data-motion-beat="seal">{{ $seal }}</p>
    <h3 class="text-3xl font-medium tracking-tight text-amare-text md:text-4xl" data-motion-beat="title">{{ $title }}</h3>
    <p class="max-w-xl text-lg leading-relaxed text-amare-muted" data-motion-beat="heading">{{ $body }}</p>

    <div class="flex flex-col items-start gap-4 pt-2 sm:flex-row sm:items-center sm:gap-8" data-motion-beat="cta">
        <a href="{{ route('home') }}" class="btn btn-primary min-h-11 px-6 text-xs font-bold uppercase tracking-[0.09em]">
            {{ $homeLabel }}
        </a>
        @if ($whatsappHref)
            <a
                href="{{ $whatsappHref }}"
                class="btn btn-ghost min-h-0 px-0 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent hover:bg-transparent hover:text-amare-accent-deep"
                rel="noopener noreferrer"
                target="_blank"
            >
                <span class="link-editorial">{{ $whatsappLabel }}</span>
            </a>
        @endif
    </div>
</div>