{{define "frontend_user_menu"}}
{{if .IsAdmin}}
<div class="dropdown docs-user-dropdown">
    <button class="docs-user-menu-toggle dropdown-toggle" type="button" id="docsUserMenuToggle"
            data-bs-toggle="dropdown" aria-expanded="false"
            title="{{.AdminUsername}}" aria-label="{{.AdminUsername}}">
        <i class='bx bx-user-circle'></i>
        <span class="docs-username-display" data-full="{{.AdminUsername}}">
            <span class="docs-username-masked">{{maskUsername .AdminUsername}}</span>
            <span class="docs-username-full">{{.AdminUsername}}</span>
        </span>
    </button>
    <ul class="dropdown-menu dropdown-menu-end docs-user-menu" aria-labelledby="docsUserMenuToggle">
        <li>
            <a class="dropdown-item" href="/admin" target="_blank" rel="noopener">
                <i class='bx bx-cog'></i> {{T "nav.admin_panel"}}
            </a>
        </li>
        <li><hr class="dropdown-divider"></li>
        <li>
            <a class="dropdown-item text-danger" href="#" id="docsLogoutBtn" role="button">
                <i class='bx bx-log-out'></i> {{T "nav.logout"}}
            </a>
        </li>
    </ul>
</div>
{{end}}
{{end}}

{{define "frontend_logout_confirm"}}
{{if .IsAdmin}}
<div class="modal fade" id="docsLogoutModal" tabindex="-1" aria-labelledby="docsLogoutModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="docsLogoutModalLabel">{{T "nav.logout_confirm_title"}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">{{T "nav.logout_confirm_body"}}</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{T "nav.cancel"}}</button>
                <a class="btn btn-danger" id="docsLogoutConfirmBtn" href="/admin/logout?next=/">{{T "nav.logout"}}</a>
            </div>
        </div>
    </div>
</div>
<script>
(function () {
    var btn = document.getElementById('docsLogoutBtn');
    var modalEl = document.getElementById('docsLogoutModal');
    if (!btn || !modalEl || typeof bootstrap === 'undefined') return;
    var modal = bootstrap.Modal.getOrCreateInstance(modalEl);
    btn.addEventListener('click', function (e) {
        e.preventDefault();
        modal.show();
    });
})();
</script>
{{end}}
{{end}}