@php
    $hf = $headerFooter ?? collect();
    $headerLogo = $hf->get('header_logo', '');
    $defaultLogo = asset('storage/website/logo.jpg');
    $logoSrc = !empty($headerLogo) ? asset($headerLogo) : (setting('site.logo') ? Voyager::image(setting('site.logo')) : $defaultLogo);
    $logoAlt = $hf->get('header_logo_alt', setting('site.title', 'Farmers for Forests'));
    $sayPhone = $hf->get('footer_say_hello_phone', '+(91) 89991 18289');
    $sayEmail = $hf->get('footer_say_hello_email', 'hello@farmersforforests.org');
@endphp

<!-- Modern Mobile Sidebar Drawer -->
<div class="sidebar modern-sidebar" id="mobileSidebar" role="dialog" aria-modal="true" aria-label="Mobile Navigation">
    <!-- Drawer Header -->
    <div class="sidebar-drawer-header">
        <a href="{{ url('/') }}" class="sidebar-brand">
            <img src="{{ $logoSrc }}" alt="{{ $logoAlt }}" onerror="this.onerror=null;this.src='{{ $defaultLogo }}';">
        </a>
        <button type="button" class="sidebar-close-btn closeMenu" aria-label="Close navigation">
            <i class="fa fa-times"></i>
        </button>
    </div>

    <!-- Drawer Navigation Content -->
    <div class="sidebar-drawer-body">
        <ul class="sidebar-nav-list">
            <li class="sidebar-nav-item {{ request()->is('/') ? 'is-active' : '' }}">
                <a href="{{ url('/') }}" class="sidebar-nav-link">
                    <span class="sidebar-nav-title">Home</span>
                </a>
            </li>

            {{ menu('header-menu', 'partials.sidebar_menu') }}
        </ul>
    </div>

    <!-- Drawer Footer Actions -->
    <div class="sidebar-drawer-footer">
        <a href="{{ url('support-us/') }}" class="sidebar-support-pill">
            <span>Support Us</span>
            <i class="fa-solid fa-arrow-right"></i>
        </a>

        @if(!empty($sayPhone) || !empty($sayEmail))
            <div class="sidebar-contact-info">
                @if(!empty($sayEmail))
                    <a href="mailto:{{ $sayEmail }}"><i class="fa-regular fa-envelope"></i> {{ $sayEmail }}</a>
                @endif
                @if(!empty($sayPhone))
                    <a href="tel:{{ preg_replace('/[^0-9+]/', '', $sayPhone) }}"><i class="fa-solid fa-phone"></i> {{ $sayPhone }}</a>
                @endif
            </div>
        @endif

        <div class="sidebar-social-links">
            {{ menu('footer-social-menu', 'partials.footer-social-menu') }}
        </div>
    </div>
</div>