@props(['theme' => 'light'])

@php
    $logoSrc      = $theme === 'dark' ? 'storage/logos/logof.png' : 'storage/logos/logo.png';
    $textColor    = $theme === 'dark' ? '!text-white' : 'text-[#1e3a8a]';
    $subtextColor = $theme === 'dark' ? '!text-white/60' : 'text-gray-400';
    $paddingClass = $theme === 'dark' ? 'p-0.5' : '';
@endphp

{{--
    Brand Logo Component — Canonical, single source of truth
    Logo size: h-[52px] (ebda-logo class)
    Text size:  25px / 9.5px (ebda-logo-text / ebda-logo-subtext)
    Used in: public nav (light), admin sidebar (dark)
--}}
<a href="{{ route('home') }}" {{ $attributes->merge(['class' => 'flex items-center gap-x-3 group shrink-0']) }}>
    {{-- Logo image --}}
    <img src="{{ asset($logoSrc) }}"
         alt="منصة ابدأ"
         class="ebda-logo {{ $paddingClass }}">

    {{-- Logo text --}}
    <div class="flex flex-col justify-center text-right">
        <span class="ebda-logo-text {{ $textColor }}">ابدأ</span>
        <span class="ebda-logo-subtext {{ $subtextColor }}">Ebda Platform</span>
    </div>
</a>