<header class="site-header" dir="rtl">
    <div class="container">
        <nav class="site-nav">
            <a class="brand-mark" href="{{ route('public.index') }}" aria-label="سوما کور پاڼه">
                <img src="{{ asset('front-end/images/sooma.png') }}" alt="سوما لوګو">
                <div>
                    <strong>سوما</strong>
                    <span>ادبي او تاریخي شعرونه</span>
                </div>
            </a>

            <button class="nav-toggle" type="button" aria-label="مېنو" aria-expanded="false" data-target="#site-menu">
                <i class="fas fa-bars"></i>
            </button>

            <div class="site-menu" id="site-menu">
                <a href="{{ route('public.index') }}" class="{{ request()->routeIs('public.index') ? 'active' : '' }}">کور</a>
                <a href="{{ route('public.poets') }}" class="{{ request()->routeIs('public.poets') ? 'active' : '' }}">شاعران</a>
                <a href="{{ route('public.categories') }}" class="{{ request()->routeIs('public.categories') ? 'active' : '' }}">کټګورۍ</a>
                <a href="{{ route('public.poetry_search') }}" class="{{ request()->routeIs('public.poetry_search','public.poetry_search_details') ? 'active' : '' }}">لټون</a>
                <a href="{{ route('public.blog') }}" class="{{ request()->routeIs('public.blog','public.blog_details') ? 'active' : '' }}">خبرونه</a>
                <a href="{{ route('public.gallery') }}" class="{{ request()->routeIs('public.gallery') ? 'active' : '' }}">انځورونه</a>
                <a href="{{ route('public.video') }}" class="{{ request()->routeIs('public.video') ? 'active' : '' }}">ویډیو</a>
                <a href="{{ route('public.about') }}" class="{{ request()->routeIs('public.about') ? 'active' : '' }}">زموږ په اړه</a>
            </div>

            <div class="site-actions">
                <a href="{{ url('/poet/login') }}" class="btn-outline-soft">ننوتل</a>
                <a href="{{ url('/poet/register/create') }}" class="btn-gradient">نوم‌لېکنه</a>
            </div>
        </nav>
    </div>
</header>
