@props([
    'from' => null,
])

@php
    $brandMap = [
        'presseecho' => [
            'brand' => 'presseecho',
            'url' => config('domains.domain_presseecho_url'),
        ],
        'businessportal24' => [
            'brand' => 'businessportal24',
            'url' => config('domains.domain_businessportal_url'),
        ],
    ];

    $context = $brandMap[$from] ?? null;
@endphp

@if ($context)
    <div class="bg-hub-soft border-b border-hub-soft-2">
        <div class="max-w-layout mx-auto px-8 py-3 flex items-center gap-4">
            <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-hub text-white flex-shrink-0">
                <svg width="11" height="11" viewBox="0 0 12 12" fill="none">
                    <path d="M7.5 2.5L4 6l3.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </span>
            <div class="text-[12.5px] text-ink-2 leading-[1.45]">
                Sie kommen von
                <a class="font-semibold underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub" href="{{ $context['url'] }}">
                    <x-web.brand-mark :brand="$context['brand']" />
                </a>.
                Ihr Konto hier funktioniert für <strong class="text-hub font-semibold">beide Portale</strong> —
                <x-web.brand-mark brand="presseecho" /> und <x-web.brand-mark brand="businessportal24" />.
            </div>
            <span class="flex-1"></span>
            <a href="{{ $context['url'] }}" class="inline-flex items-center gap-1.5 text-[12px] font-medium text-ink-3 hover:text-hub transition-colors">
                <svg width="10" height="10" viewBox="0 0 12 12" fill="none">
                    <path d="M7.5 2.5L4 6l3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
                Zurück zu <x-web.brand-mark :brand="$context['brand']" :serif="false" class="font-medium" />
            </a>
        </div>
    </div>
@endif