@php
    use Carbon\Carbon;

    $bengaliMonths = [
        'January' => 'জানুয়ারি',
        'February' => 'ফেব্রুয়ারি',
        'March' => 'মার্চ',
        'April' => 'এপ্রিল',
        'May' => 'মে',
        'June' => 'জুন',
        'July' => 'জুলাই',
        'August' => 'আগস্ট',
        'September' => 'সেপ্টেম্বর',
        'October' => 'অক্টোবর',
        'November' => 'নভেম্বর',
        'December' => 'ডিসেম্বর',
    ];

    $bengaliDays = ['রবিবার', 'সোমবার', 'মঙ্গলবার', 'বুধবার', 'বৃহস্পতিবার', 'শুক্রবার', 'শনিবার'];

    $dateNow = Carbon::now();
    $bengaliDate = $bengaliDays[$dateNow->dayOfWeek] . ', ' .
                   $dateNow->day . ' ' .
                   $bengaliMonths[$dateNow->format('F')] .
                   ', ' . $dateNow->year;
    $englishDate = $dateNow->format('l, F j, Y');
@endphp

<div class="topbar">
    <div class="container">
        <div class="topbar-inner">
            <div class="topbar-left">
                <div class="topbar-date">
                    <span class="date-bengali">{{ $bengaliDate }}</span>
                    <span class="date-english">{{ $englishDate }}</span>
                </div>
            </div>

            <div class="topbar-right">
                <div class="topbar-links">
                    <a href="{{ route('epaper') }}" class="topbar-link epaper-link">
                        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                            <polyline points="14 2 14 8 20 8"></polyline>
                            <line x1="16" y1="13" x2="8" y2="13"></line>
                            <line x1="16" y1="17" x2="8" y2="17"></line>
                            <polyline points="10 9 9 9 8 9"></polyline>
                        </svg>
                        ই-পেপার
                    </a>
                    <a href="{{ route('archives') }}" class="topbar-link archive-link">
                        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <polyline points="21 8 21 21 3 21 3 8"></polyline>
                            <rect x="1" y="3" width="22" height="5"></rect>
                            <line x1="10" y1="12" x2="14" y2="12"></line>
                        </svg>
                        আর্কাইভ
                    </a>
                </div>

                <div class="topbar-social">
                    <a href="https://facebook.com" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="Facebook">
                        <svg viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
                        </svg>
                    </a>
                    <a href="https://twitter.com" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="Twitter">
                        <svg viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path>
                        </svg>
                    </a>
                    <a href="https://youtube.com" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="YouTube">
                        <svg viewBox="0 0 24 24" fill="currentColor">
                            <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path>
                            <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" fill="#000"></polygon>
                        </svg>
                    </a>
                    <a href="https://instagram.com" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="Instagram">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
                            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
                            <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
                        </svg>
                    </a>
                </div>

                <div class="topbar-user">
                    @auth
                    <div class="user-menu">
                        <button class="user-toggle" type="button" aria-expanded="false">
                            <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                <circle cx="12" cy="7" r="4"></circle>
                            </svg>
                            <span>{{ Auth::user()->name }}</span>
                            <svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <polyline points="6 9 12 15 18 9"></polyline>
                            </svg>
                        </button>
                        <div class="user-dropdown">
                            @if(Auth::user()->isEditor())
                            <a href="{{ route('admin.dashboard') }}">অ্যাডমিন ড্যাশবোর্ড</a>
                            <a href="{{ route('admin.posts.index') }}">পোস্ট</a>
                            <a href="{{ route('admin.categories.index') }}">ক্যাটাগরি</a>
                            <a href="{{ route('admin.menus.index') }}">মেনু</a>
                            <a href="{{ route('admin.settings.index') }}">সেটিংস</a>
                            <div class="dropdown-divider"></div>
                            @endif
                            <a href="{{ route('profile') }}">প্রোফাইল</a>
                            <a href="{{ route('bookmarks') }}">বুকমার্ক</a>
                            <a href="{{ route('settings') }}">সেটিংস</a>
                            <div class="dropdown-divider"></div>
                            <form method="POST" action="{{ Auth::user()->isEditor() ? route('admin.logout') : route('logout') }}">
                                @csrf
                                <button type="submit">লগআউট</button>
                            </form>
                        </div>
                    </div>
                    @else
                    <a href="{{ route('frontend.login.form') }}" class="auth-link login-link">
                        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
                            <polyline points="10 17 15 12 10 7"></polyline>
                            <line x1="15" y1="12" x2="3" y2="12"></line>
                        </svg>
                        লগইন
                    </a>
                    <a href="{{ route('frontend.register.form') }}" class="auth-link register-link">নিবন্ধন</a>
                    <a href="{{ route('admin.login.form') }}" class="auth-link admin-login-link">অ্যাডমিন লগইন</a>
                    @endauth
                </div>
            </div>
        </div>
    </div>
</div>