@props(['mobile' => false])
<a href="{{ route('dashboard') }}" wire:navigate class="flex h-16 shrink-0 items-center gap-3 px-5" title="{{ settings('app_name') }}">
    @if (settings('logo_path'))
        <img src="{{ route('branding.logo') }}" alt="" class="size-9 shrink-0 rounded-lg bg-white object-contain p-1">
    @else
        <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-linear-to-br from-brand-500 to-brand-700 text-white shadow-sm">
            <x-icon name="wifi" class="size-5" />
        </span>
    @endif
    <span @class(['min-w-0', 'sidebar-collapsed:hidden' => ! $mobile])>
        <span class="block truncate text-sm font-semibold text-white">{{ settings('app_name') }}</span>
        <span class="block truncate text-[11px] text-slate-400">Service &amp; Work Order Portal</span>
    </span>
</a>