@php
    use App\Services\LanguageService;
    $languages = LanguageService::active();
    $current = app()->getLocale();
@endphp
<header class="navbar navbar-expand-md d-print-none">
    <div class="container-xl">
        <!-- BEGIN NAVBAR TOGGLER -->
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <!-- END NAVBAR TOGGLER -->
        <!-- BEGIN NAVBAR LOGO -->
        <div class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
            <a href="{{url('/devotees/list')}}" aria-label="Tabler">
            <img src="{{url('images/logo-removebg-preview.png')}}" style="width:110px;height:50px">
        </a>
        </div>
        <!-- END NAVBAR LOGO -->
        <div class="navbar-nav flex-row order-md-last">
            <div class="d-none d-md-flex">
                <div class="nav-item">
                    <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-label="Enable dark mode" data-bs-original-title="Enable dark mode">
                        <!-- Download SVG icon from http://tabler.io/icons/icon/moon -->
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-1">
                        <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
                        </svg>
                    </a>
                    <a href="?theme=light" class="nav-link px-0 hide-theme-light" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-label="Enable light mode" data-bs-original-title="Enable light mode">
                        <!-- Download SVG icon from http://tabler.io/icons/icon/sun -->
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-1">
                        <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
                        <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="nav-item dropdown me-2">
                <a href="#" class="nav-link px-2" data-bs-toggle="dropdown" aria-label="Select language">
                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="12" cy="12" r="9" />
                    <line x1="3.6" y1="9" x2="20.4" y2="9" />
                    <line x1="3.6" y1="15" x2="20.4" y2="15" />
                    <path d="M11.5 3a17 17 0 0 0 0 18" />
                    <path d="M12.5 3a17 17 0 0 1 0 18" />
                </svg>
                    <span class="d-none d-md-inline ms-1">{{ strtoupper($current) }}</span>
                </a>
                <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                @foreach($languages as $lang)
                    <a href="{{ route('lang.switch', $lang->code) }}"
                    class="dropdown-item {{ $current === $lang->code ? 'active' : '' }}">
                        {{ $lang->name }}
                    </a>
                @endforeach
                </div>
            </div>
            <div class="nav-item dropdown">
                <a href="#" class="nav-link d-flex lh-1 p-0 px-2" data-bs-toggle="dropdown" aria-label="Open user menu">
                <span class="avatar avatar-sm" style="background-image: url({{url('shared/static/avatars/000m.jpg')}})"> </span>
                <div class="d-none d-xl-block ps-2">
                    <div>{{auth()->user()->name}}</div>
                    <div class="mt-1 small text-secondary"></div>
                </div>
                </a>
                <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                
                <a href="{{route('logout')}}" class="dropdown-item">{{ __('actions.logout') }}</a>
                </div>
            </div>
        </div>
        <div class="collapse navbar-collapse" id="navbar-menu">
        <!-- BEGIN NAVBAR MENU -->
            <ul class="navbar-nav">
                <!--<li class="nav-item">
                    <a class="nav-link" href="{{route('dashboard')}}">
                        <span class="nav-link-icon d-md-none d-lg-inline-block">
                            <i class="fa fa-home fa-lg"></i>
                        </span>
                        <span class="nav-link-title">{{ __('menu.home') }}</span>
                    </a>
                </li>-->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#navbar-form" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false">
                        <span class="nav-link-icon d-md-none d-lg-inline-block"><i class="fa fa-microchip fa-lg"></i></span>
                        <span class="nav-link-title"> {{ __('menu.masters') }} </span>
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="{{route('donation_items.list')}}"> {{ __('menu.donation_items') }} </a>
                        <a class="dropdown-item" href="{{route('seva.list')}}"> {{ __('menu.seva') }} </a>
                        <a class="dropdown-item" href="{{route('nakshatras.list')}}"> {{ __('menu.nakshatras') }} </a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#navbar-form" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false">
                        <span class="nav-link-icon d-md-none d-lg-inline-block"><i class="fa fa-users fa-lg"></i></span>
                        <span class="nav-link-title"> {{ __('menu.users') }} </span>
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="{{route('devotees.list')}}"> {{ __('menu.devotee') }} </a>
                        <a class="dropdown-item" href="{{route('saints.list')}}"> {{ __('menu.saints') }} </a>
                        <a class="dropdown-item" href="{{route('deleted.list')}}"> {{ __('menu.deleted_trashed') }} </a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route('seva_booking.list')}}">
                        <span class="nav-link-icon d-md-none d-lg-inline-block">
                            <i class="fa fa-camera-retro fa-lg"></i>
                        </span>
                        <span class="nav-link-title">{{ __('menu.seva_booking') }}</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route('donations.list')}}">
                        <span class="nav-link-icon d-md-none d-lg-inline-block">
                            <i class="fa fa-briefcase fa-lg"></i>
                        </span>
                        <span class="nav-link-title">{{ __('menu.donations') }}</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route('appt.list')}}">
                        <span class="nav-link-icon d-md-none d-lg-inline-block">
                            <i class="fa fa-align-center fa-lg"></i>
                        </span>
                        <span class="nav-link-title">{{ __('menu.appointments') }}</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route('appointments.list')}}">
                        <span class="nav-link-icon d-md-none d-lg-inline-block">
                            <i class="fa fa-braille fa-lg"></i>
                        </span>
                        <span class="nav-link-title">{{ __('menu.book_appointment') }}</span>
                    </a>
                </li>
            </ul>
        <!-- END NAVBAR MENU -->
        </div>
    </div>
</header>