{include:head.html}
{include:header.html}
<link rel="stylesheet" href="/static/member/member.css">

<div class="main">
    <div class="container member-container">
        <div class="member-layout">
            <aside class="member-sidebar">
                {raw:member_sidebar}
            </aside>
            <main class="member-content">
                <div class="member-center">
                    <!-- 统计 -->
                    <div class="member-stats">
                        <div class="stat-item">
                            <span class="stat-num">{var:article_count}</span>
                            <span class="stat-label">投稿</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">{var:comment_count}</span>
                            <span class="stat-label">评论</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">{var:guestbook_count}</span>
                            <span class="stat-label">留言</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">{var:favorite_count}</span>
                            <span class="stat-label">收藏</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">{var:like_count}</span>
                            <span class="stat-label">点赞</span>
                        </div>
                    </div>

                    <!-- 我的投稿 -->
                    <div class="member-section">
                        <div class="section-header">
                            <h3>我的投稿</h3>
                            <a href="{raw:contribution_list_url}" class="section-more">查看全部</a>
                        </div>
                        {raw:articles_html}
                    </div>

                    <!-- 我的评论 -->
                    <div class="member-section">
                        <div class="section-header">
                            <h3>我的评论</h3>
                            <a href="{raw:mycomments_url}" class="section-more">查看全部</a>
                        </div>
                        {raw:comments_html}
                    </div>

                    <!-- 我的留言 -->
                    <div class="member-section">
                        <div class="section-header">
                            <h3>我的留言</h3>
                            <a href="{raw:myguestbook_url}" class="section-more">查看全部</a>
                        </div>
                        {raw:guestbook_html}
                    </div>

                    <!-- 我的收藏 -->
                    <div class="member-section">
                        <div class="section-header">
                            <h3>我的收藏</h3>
                            <a href="{raw:myfavorites_url}" class="section-more">查看全部</a>
                        </div>
                        {raw:favorites_html}
                    </div>

                    <!-- 我的点赞 -->
                    <div class="member-section">
                        <div class="section-header">
                            <h3>我的点赞</h3>
                            <a href="{raw:mylikes_url}" class="section-more">查看全部</a>
                        </div>
                        {raw:likes_html}
                    </div>
                </div>
            </main>
        </div>
    </div>
</div>

{include:footer.html}

<style>
/* 仪表盘收藏/点赞列表（与 member_favorites.html / member_likes.html 保持一致） */
.member-fav-list { display: flex; flex-direction: column; gap: 10px; }
.member-fav-card {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 16px; border: 1px solid #f0f0f0; border-radius: 8px;
    transition: box-shadow 0.2s;
}
.member-fav-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.fav-thumb-wrap { width: 60px; height: 45px; flex-shrink: 0; border-radius: 4px; overflow: hidden; background: #f5f5f5; }
.fav-thumb-wrap:empty { display: none; }
.fav-thumb { width: 100%; height: 100%; object-fit: cover; }
.fav-info { flex: 1; min-width: 0; }
.fav-title {
    display: block; font-size: 14px; color: #333; text-decoration: none;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px;
}
.fav-title:hover { color: #4A6CF7; }
.fav-time { font-size: 12px; color: #999; }
.fav-actions { display: flex; gap: 8px; flex-shrink: 0; }

.member-like-list { display: flex; flex-direction: column; gap: 10px; }
.member-like-card {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 16px; border: 1px solid #f0f0f0; border-radius: 8px;
    transition: box-shadow 0.2s;
}
.member-like-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.like-icon { font-size: 20px; flex-shrink: 0; }
.like-title {
    flex: 1; min-width: 0; font-size: 14px; color: #333; text-decoration: none;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.like-title:hover { color: #4A6CF7; }
.like-time { font-size: 12px; color: #999; flex-shrink: 0; }
.like-actions { display: flex; gap: 8px; flex-shrink: 0; }

.btn-link {
    font-size: 13px; color: #4A6CF7; text-decoration: none;
    padding: 4px 10px; border: 1px solid #4A6CF7; border-radius: 4px;
    transition: all 0.2s; white-space: nowrap;
}
.btn-link:hover { background: #4A6CF7; color: #fff; }
.btn-danger-link { color: #ff4d4f; border-color: #ff4d4f; }
.btn-danger-link:hover { background: #ff4d4f; color: #fff; }
</style>

<script>
function unfavoriteArticle(articleId, btn) {
    if (!confirm('确定要取消收藏这篇文章吗？')) return;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/index.php?c=Article&a=favorite', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            try {
                var res = JSON.parse(xhr.responseText);
                if (res.success) {
                    var card = btn.closest('.member-fav-card');
                    if (card) {
                        card.style.transition = 'opacity 0.3s';
                        card.style.opacity = '0';
                        setTimeout(function() { card.remove(); }, 300);
                    }
                    alert(res.message || '已取消收藏');
                } else {
                    alert(res.message || '操作失败');
                }
            } catch(e) {
                alert('网络错误，请稍后重试');
            }
        }
    };
    xhr.send('id=' + articleId + '&action=unfavorite');
}

function unlikeArticle(articleId, btn) {
    if (!confirm('确定要取消点赞这篇文章吗？')) return;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/index.php?c=Article&a=like', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            try {
                var res = JSON.parse(xhr.responseText);
                if (res.success) {
                    var card = btn.closest('.member-like-card');
                    if (card) {
                        card.style.transition = 'opacity 0.3s';
                        card.style.opacity = '0';
                        setTimeout(function() { card.remove(); }, 300);
                    }
                    alert(res.message || '已取消点赞');
                } else {
                    alert(res.message || '操作失败');
                }
            } catch(e) {
                alert('网络错误，请稍后重试');
            }
        }
    };
    xhr.send('id=' + articleId + '&action=unlike');
}
</script>