<div class="top-controls-container ps-2">
    <a href="" class="but-change-theme-mode xtooltip" title="<?php echo e(trans('messages.quick_theme_mode.click_change'), false); ?>" data-mode="<?php echo e($mode, false); ?>">
        <span class="icon-mode dark">
            <svg class="SVGInline-svg SVGInline--cleaned-svg SVG-svg DarkModeIcon-svg SVG--color-svg" style="width: 12px;height: 12px;" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.914 0a6.874 6.874 0 0 0-1.26 3.972c0 3.875 3.213 7.017 7.178 7.017.943 0 1.843-.178 2.668-.5C15.423 13.688 12.34 16 8.704 16 4.174 16 .5 12.41.5 7.982.5 3.814 3.754.389 7.914 0z" fill-rule="evenodd"></path></svg>
        </span>
        <span class="icon-mode light">
            <svg class="SVGInline-svg SVGInline--cleaned-svg SVG-svg LightModeIcon-svg SVG--color-svg" style="width: 12px;height: 12px;" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M3.828 5.243L2.343 3.757a1 1 0 0 1 1.414-1.414l1.486 1.485a5.027 5.027 0 0 0-1.415 1.415zM7 3.1V1a1 1 0 1 1 2 0v2.1a5.023 5.023 0 0 0-2 0zm3.757.728l1.486-1.485a1 1 0 1 1 1.414 1.414l-1.485 1.486a5.027 5.027 0 0 0-1.415-1.415zM12.9 7H15a1 1 0 0 1 0 2h-2.1a5.023 5.023 0 0 0 0-2zm-.728 3.757l1.485 1.486a1 1 0 1 1-1.414 1.414l-1.486-1.485a5.027 5.027 0 0 0 1.415-1.415zM9 12.9V15a1 1 0 0 1-2 0v-2.1a5.023 5.023 0 0 0 2 0zm-3.757-.728l-1.486 1.485a1 1 0 0 1-1.414-1.414l1.485-1.486a5.027 5.027 0 0 0 1.415 1.415zM3.1 9H1a1 1 0 1 1 0-2h2.1a5.023 5.023 0 0 0 0 2zM8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" fill-rule="evenodd"></path></svg>
        </span>
        <span class="icon-mode auto" title="<?php echo e(trans('messages.quick_theme_mode.click_change'), false); ?>">
            <span class="material-symbols-rounded bold" style="font-size:18px">brightness_medium</span>
        </span>
    </a>
</div>

<script>
    $(function() {
        $('.but-change-theme-mode').on('click', function(e) {
            e.preventDefault();
            var mode = $(this).attr('data-mode');
            var but = $(this);

            if (mode == 'light') {
                mode = 'dark';
            } else if (mode == 'dark') {
                mode = 'auto';
            } else if (mode == 'auto') {
                mode = 'light';
            }

            changeThemeMod(mode);
            but.attr('data-mode', mode);

            // save
            $.ajax({
                url: '<?php echo e($url, false); ?>',
                method: 'POST',
                data: {
                    _token: CSRF_TOKEN,
                    theme_mode: mode
                },
                globalError: false
            });
        });
    });
</script><?php /**PATH /home/xedaptot/be.naniguide.com/resources/views/layouts/core/_quick_change_theme_mode.blade.php ENDPATH**/ ?>