@php
   // $themeOptions = [
    //     [
    //         'label' => __tr('System'),
    //         'value' => 'system_default',
    //         'href'  => route('change.app.theme', ['themeID' => 'system_default']),
    //         'icon'  => 'mdi mdi-remote-desktop fs-15'
    //     ],
    //     [
    //         'label' => __tr('Dark'),
    //         'value' => 'dark',
    //         'href'  => route('change.app.theme', ['themeID' => 'dark']),
    //         'icon'  => 'mdi mdi-moon-waxing-crescent fs-15'
    //     ],
    //     [
    //         'label' => __tr('Light'),
    //         'value' => 'light',
    //         'href'  => route('change.app.theme', ['themeID' => 'light']),
    //         'icon'  => 'mdi mdi-white-balance-sunny fs-15 text-yellow'
    //     ],
    // ];
// 
    // $currentAppTheme = getUserAppTheme();
@endphp
<!-- <li class="nav-item dropdown no-arrow"
    data-jsx-toggle="dropdown"
    data-items="__SYSTEM_THEME_OPTIONS__">

    <a class="nav-link dropdown-toggle modern-nav-link"
        href="#"
        id="themeMenuDropdown"
        role="button"
        data-toggle="dropdown"
        aria-expanded="false">
        <span class="d-md-inline-block">
            @if($currentAppTheme === 'dark')
                <i class="mdi mdi-moon-waxing-crescent fs-15"></i>
            @elseif($currentAppTheme === 'light')
                <i class="mdi mdi-white-balance-sunny fs-15 text-yellow"></i>
            @elseif($currentAppTheme === 'system_default')
                <i class="mdi mdi-remote-desktop fs-15"></i>
            @else
                <i class="mdi mdi-palette fs-15"></i>
            @endif
        </span>
    </a>

    <ul class="dropdown-menu dropdown-menu-end shadow animated--grow-in modern-dropdown p-2"
        aria-labelledby="themeMenuDropdown"
        id="themeMenuDropdownMenu"></ul>
</li> -->
<!-- theme Menu -->
@php
$themeOptions = configItem('theme_options');
// Default theme from settings
$currentAppTheme = getUserAppTheme()
@endphp
<li class="nav-item dropdown no-arrow">
    <a class="nav-link dropdown-toggle modern-nav-link" href="#" id="themeMenuDropdown" role="button" data-toggle="dropdown"
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        {{-- {{ isset($themeOptions[$currentAppTheme]) ? $themeOptions[$currentAppTheme] : '' }} --}}
        <span class="d-md-inline-block">
            @if($currentAppTheme === 'dark')
            <i class="mdi mdi-moon-waxing-crescent fs-15 "></i> <!-- Icon for dark theme -->
            @elseif($currentAppTheme === 'light')
            <i class="mdi mdi-white-balance-sunny fs-15  text-yellow"></i> <!-- Icon for light theme -->
            @elseif($currentAppTheme === 'system_default')
            <i class=" mdi mdi-remote-desktop fs-15 "></i> <!-- Icon for default theme -->
            @else
            <i class="mdi mdi-palette fs-15 "></i> <!-- Fallback icon for unknown themes -->
            @endif
        </span>
    </a>
    <ul class="dropdown-menu dropdown-menu-right dropdown-menu-end shadow animated--grow-in"
        aria-labelledby="themeMenuDropdown">
        <li class="dropdown-item dropdown-header text-gray disabled">
            {{ __tr('Choose Mode') }}
        </li>
        <li class="dropdown-divider"></li>
        <!-- System -->
        <li class="@if($currentAppTheme === 'system_default') active @endif">
            <a class="dropdown-item lw-ajax-link-action d-flex align-items-center" data-show-processing="true"
                href="{{ route('change.app.theme', ['themeID' => 'system_default']) }}">
                <span class="">
                    <i class="mdi mdi-remote-desktop fs-15  mr-3 "></i>
                </span>
                <span class=""> {{ __tr('System') }}</span>
            </a>
        </li>
        <!-- /System -->

        <!-- Dark -->
        <li class="@if($currentAppTheme  === 'dark') active @endif">
            <a class="dropdown-item lw-ajax-link-action d-flex align-items-center " data-show-processing="true"
                href="{{ route('change.app.theme', ['themeID' => 'dark']) }}">
                <span class="">
                    <i class="mdi mdi-moon-waxing-crescent fs-15  mr-3"></i>
                </span>
                <span> {{ __tr('Dark') }}</span>
            </a>
        </li>
        <!-- /Dark -->

        <!-- Light  -->
        <li class="@if($currentAppTheme  === 'light') active @endif">
            <a class="dropdown-item lw-ajax-link-action d-flex align-items-center " data-show-processing="true"
                href="{{ route('change.app.theme', ['themeID' => 'light']) }}">
                <span class="">
                    <i class="mdi mdi-white-balance-sunny fs-15  mr-3 text-yellow"></i>
                </span>
                <span> {{ __tr('Light') }}</span>
            </a>
        </li>
        <!-- /Light -->
    </ul>
</li>


<!--theme Menu -->

<!--theme Menu -->