@php
    $network = app(\App\Services\Network::class);
    $otherColor = preg_match('/^#[0-9a-fA-F]{3,8}$/', (string) $other->brand('primary')) ? $other->brand('primary') : '#334155';
    $otherAccent = preg_match('/^#[0-9a-fA-F]{3,8}$/', (string) $other->brand('accent')) ? $other->brand('accent') : $otherColor;
    $otherLocales = \App\Support\Localization::activeLocales($other);
@endphp
<article class="card group relative flex flex-col overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg" style="--other: {{ $otherColor }}; --other-accent: {{ $otherAccent }}">
    <div class="h-20" style="background: linear-gradient(120deg, var(--other), var(--other-accent))" aria-hidden="true"></div>
    <div class="-mt-8 flex flex-1 flex-col px-5 pb-5">
        @if ($logo = $other->brand('logo_path'))
            <img src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($logo) }}" alt="" class="size-16 rounded-2xl bg-white object-contain p-2 shadow-md ring-4 ring-white" width="64" height="64" loading="lazy">
        @else
            <span class="grid size-16 place-items-center rounded-2xl text-2xl font-black text-white shadow-md ring-4 ring-white" style="background: var(--other)" aria-hidden="true">{{ mb_strtoupper(mb_substr($other->name, 0, 1)) }}</span>
        @endif
        <h3 class="mt-3 text-lg font-extrabold">
            <a href="{{ $network->url($other) }}" hreflang="{{ $network->linkLocale($other) }}" class="after:absolute after:inset-0">{{ $other->name }}</a>
        </h3>
        <p class="text-xs text-slate-500" dir="ltr">{{ $other->primary_domain }}</p>
        @if ($pitch = \App\Services\Network::pitch($other))<p class="mt-2 text-sm text-slate-600" lang="{{ $network->linkLocale($other) }}">{{ $pitch }}</p>@endif
        <div class="mt-auto flex flex-wrap items-center gap-1.5 pt-4">
            @foreach (\App\Services\Network::topics($other) as $t)
                <span class="rounded-full bg-black/[0.04] px-2.5 py-0.5 text-xs font-medium text-slate-600">{{ __('network.topics.'.$t) }}</span>
            @endforeach
            @if (count($otherLocales) > 1)
                <span class="ms-auto text-xs font-semibold text-slate-400 uppercase" title="{{ __('network.languages') }}">{{ implode(' · ', $otherLocales) }}</span>
            @endif
        </div>
    </div>
</article>