{{-- Top utility bar: contact details and external quick links (SOW 1.3). --}}
<div class="hidden bg-dark text-white/70 lg:block">
    <div class="container-page flex h-10 items-center justify-between text-xs">
        <div class="flex items-center gap-7">
            @if ($phone = setting('contact_phone'))
                <a href="tel:{{ preg_replace('/\s+/', '', $phone) }}" class="inline-flex items-center gap-2 transition hover:text-white">
                    <x-icon name="phone" class="size-3.5" />
                    <span>{{ $phone }}</span>
                </a>
            @endif

            @if ($email = setting('contact_email'))
                <a href="mailto:{{ $email }}" class="inline-flex items-center gap-2 transition hover:text-white">
                    <x-icon name="mail" class="size-3.5" />
                    <span>{{ $email }}</span>
                </a>
            @endif

            @if ($primary = $layoutOffices->firstWhere('is_primary', true))
                <span class="inline-flex items-center gap-2">
                    <x-icon name="map" class="size-3.5" />
                    <span>{{ $primary->fullAddress() }}</span>
                </span>
            @endif
        </div>

        <div class="flex items-center gap-6">
            @foreach ($utilityMenu as $item)
                <a href="{{ $item->resolvedUrl() }}" target="{{ $item->target }}"
                   @if ($item->target === '_blank') rel="noopener" @endif
                   class="transition hover:text-white">{{ $item->label }}</a>
            @endforeach

            @php($socials = collect(['linkedin' => 'social_linkedin', 'facebook' => 'social_facebook', 'twitter' => 'social_twitter', 'youtube' => 'social_youtube'])
                ->filter(fn ($key) => filled(setting($key))))

            @if ($socials->isNotEmpty())
                <div class="flex items-center gap-4 border-l border-white/15 pl-6">
                    @foreach ($socials as $icon => $key)
                        <a href="{{ setting($key) }}" target="_blank" rel="noopener"
                           aria-label="{{ __(':network profile', ['network' => ucfirst($icon)]) }}"
                           class="transition hover:text-white">
                            <x-icon :name="$icon" class="size-3.5" />
                        </a>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
</div>