{{define "user-nav-dropdown-styles"}}
{{/* styles moved to assets/css/frontend-common.css */}}
{{end}}

{{define "user-nav-dropdown"}}
{{if .User}}
<div class="user-menu-dropdown" id="userMenuDropdown">
    <a href="javascript:void(0)" class="user-menu-toggle" aria-haspopup="true" aria-expanded="false">
        <span class="user-menu-avatar">{{printf "%.1s" .User.DisplayName}}</span>
        <span class="user-menu-name">{{privacy "username" .User.DisplayName}}</span>
        <i class='bx bx-chevron-down user-menu-caret'></i>
    </a>
    <div class="user-menu-panel" id="userMenuPanel">
        <a href="/user/documents" class="user-menu-item"><i class='bx bx-file'></i> <span data-i18n="user_documents_manage">{{T "user_documents_manage"}}</span></a>
        {{if eq .User.Gid 1}}
        <a href="/admin" class="user-menu-item" target="_blank" rel="noopener"><i class='bx bx-cog'></i> <span data-i18n="nav_admin">{{T "nav_admin"}}</span></a>
        {{end}}
        <a href="/" class="user-menu-item"><i class='bx bx-home'></i> <span data-i18n="nav_back_site">{{T "nav_back_site"}}</span></a>
        <div class="user-menu-divider"></div>
        <a href="javascript:void(0)" class="user-menu-item user-menu-item-danger" id="userSignOutBtn">
            <i class='bx bx-log-out'></i> <span data-i18n="sign_out">{{T "sign_out"}}</span>
        </a>
    </div>
</div>
{{else}}
<a class="docs-user-center-btn" href="/login" title="{{T "nav_sign_in"}}">
    <i class='bx bx-log-in'></i> <span data-i18n="nav_sign_in">{{T "nav_sign_in"}}</span>
</a>
<a class="docs-user-center-btn docs-user-center-btn-primary" href="/register" title="{{T "nav_sign_up"}}">
    <i class='bx bx-user-plus'></i> <span data-i18n="nav_sign_up">{{T "nav_sign_up"}}</span>
</a>
{{end}}
{{end}}

{{define "user-nav-dropdown-script"}}
<script>
(function() {
    var dropdown = document.getElementById('userMenuDropdown');
    var panel = document.getElementById('userMenuPanel');
    var hideTimer = null;

    if (dropdown && panel) {
        dropdown.addEventListener('mouseenter', function() {
            if (hideTimer) { clearTimeout(hideTimer); hideTimer = null; }
            dropdown.classList.add('open');
            panel.style.display = 'block';
        });
        dropdown.addEventListener('mouseleave', function() {
            hideTimer = setTimeout(function() {
                dropdown.classList.remove('open');
                panel.style.display = 'none';
            }, 120);
        });
    }

    if (window.jQuery) {
        $('#userSignOutBtn').on('click', function() {
            if (window.BootstrapModal && BootstrapModal.confirm) {
                BootstrapModal.confirm('{{T "sign_out_confirm"}}', {
                    icon: 3,
                    title: '{{T "modal_confirm_title"}}',
                    btn: ['{{T "sign_out"}}', '{{T "btn_cancel"}}']
                }, function() {
                    window.location.href = '/logout';
                });
            } else if (confirm('{{T "sign_out_confirm"}}')) {
                window.location.href = '/logout';
            }
        });
    }
})();
</script>
{{end}}