{{template "layout.html" .}}

{{define "content"}}
<link rel="stylesheet" href="{{asset "/template/default/assets/css/user-pages.css"}}">


<div class="user-list-page user-favorites-page">

    <div class="card mb-3">

        <div class="card-body">

            <div class="user-page-head">

                <div class="user-page-head-main">

                    <h5>{{T "user_favorites_title"}}</h5>

                    <p class="text-muted">{{T "user_favorites_subtitle"}}</p>

                </div>

            </div>

        </div>

    </div>

    <div id="favList"><p class="text-muted mb-0">{{T "user_loading"}}</p></div>

</div>

{{end}}

{{define "scripts"}}

<script>

window.UserFavoritesI18n = {

    empty: {{json (T "user_no_favorites")}},

    loadError: {{json (T "user_favorites_load_error")}},

    fallbackTitle: {{json (T "user_document_fallback")}},

    colCategory: {{json (T "user_favorites_col_category")}},

    colAdded: {{json (T "user_favorites_col_added")}},

    viewDoc: {{json (T "user_favorites_view_doc")}},

    remove: {{json (T "user_favorites_remove")}},

    removeConfirm: {{json (T "user_favorites_remove_confirm")}},

    removed: {{json (T "user_favorites_removed")}},

    colViews: {{json (T "user_col_views")}},

    statLikes: {{json (T "user_stat_likes")}},

    statFavorites: {{json (T "user_stat_received_favorites")}},

    failed: {{json (T "user_failed")}}

};

function escHtml(text) {

    return $('<div/>').text(text || '').html();

}

function truncateText(text, maxLen) {

    text = (text || '').trim();

    if (!text || text.length <= maxLen) return text;

    return text.slice(0, maxLen) + '…';

}

function resolveFavoriteDocURL(item) {
    if (item && item.url && item.url !== '#') {
        return item.url;
    }
    var dir = (item && item.public_category) || 'doc';
    var sid = (item && item.short_id) || '';
    var slug = (item && item.title) || '';
    if (!sid) return '#';
    function encSeg(s) {
        return encodeURIComponent(String(s || ''));
    }
    var path = '/' + encSeg(dir) + '/' + encSeg(sid);
    if (slug) {
        path += '/' + encSeg(slug);
    }
    return path;
}

function resolveCategoryURL(item) {
    if (item && item.category_url) {
        return item.category_url;
    }
    var prefix = (item && item.public_category) || '';
    if (!prefix) return '';
    return '/' + encodeURIComponent(String(prefix));
}

function renderFavoriteItem(item, index) {

    var i18n = window.UserFavoritesI18n;

    var title = item.title || i18n.fallbackTitle;

    var url = resolveFavoriteDocURL(item);

    var desc = truncateText(item.description, 120);

    var category = item.category || item.public_category || '';

    var projectName = item.project_name || '';

    var addedAt = item.created_at_str || '-';

    var views = item.view_count != null ? item.view_count : 0;

    var likes = item.like_count != null ? item.like_count : 0;

    var favCount = item.favorite_count != null ? item.favorite_count : 0;

    var docKey = item.short_id || item.document_id || '';

    var metaHtml = '';

    if (category) {
        var catUrl = resolveCategoryURL(item);
        if (catUrl) {
            metaHtml += '<a href="' + escHtml(catUrl) + '" class="badge bg-light text-dark border user-fav-category" title="' + escHtml(category) + '">' + escHtml(category) + '</a>';
        } else {
            metaHtml += '<span class="badge bg-light text-dark border">' + escHtml(category) + '</span>';
        }
    }

    if (projectName) {

        metaHtml += '<span><i class="bx bx-folder-open"></i> ' + escHtml(projectName) + '</span>';

    }

    metaHtml += '<span><i class="bx bx-time-five"></i> ' + escHtml(i18n.colAdded) + '：' + escHtml(addedAt) + '</span>';

    var html = '<div class="user-fav-item" data-index="' + index + '">';

    html += '<div class="user-fav-main">';

    html += '<a href="' + escHtml(url) + '" class="user-fav-title" target="_blank" rel="noopener" title="' + escHtml(title) + '">';

    html += '<i class="bx bx-file-blank"></i><span>' + escHtml(title) + '</span></a>';

    if (desc) {

        html += '<p class="user-fav-desc">' + escHtml(desc) + '</p>';

    }

    html += '<div class="user-fav-meta">' + metaHtml + '</div>';

    html += '</div>';

    html += '<div class="user-fav-side">';

    html += '<div class="user-fav-stats">';

    html += '<span title="' + escHtml(i18n.colViews) + '"><i class="bx bx-show"></i>' + escHtml(String(views)) + '</span>';

    html += '<span title="' + escHtml(i18n.statLikes) + '"><i class="bx bx-like"></i>' + escHtml(String(likes)) + '</span>';

    html += '<span title="' + escHtml(i18n.statFavorites) + '"><i class="bx bx-star"></i>' + escHtml(String(favCount)) + '</span>';

    html += '</div>';

    html += '<div class="d-flex gap-2">';

    html += '<a href="' + escHtml(url) + '" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener"><i class="bx bx-link-external"></i> ' + escHtml(i18n.viewDoc) + '</a>';

    html += '<button type="button" class="btn btn-outline-danger btn-sm btn-fav-remove" data-doc-key="' + escHtml(String(docKey)) + '" data-index="' + index + '"><i class="bx bx-star"></i> ' + escHtml(i18n.remove) + '</button>';

    html += '</div></div></div>';

    return html;

}

var favoritesData = [];

function renderFavoritesList() {

    var i18n = window.UserFavoritesI18n;

    if (!favoritesData.length) {

        $('#favList').html('<div class="user-fav-empty"><i class="bx bx-star"></i><p class="mb-0">' + escHtml(i18n.empty) + '</p></div>');

        return;

    }

    var html = '<div class="user-fav-list">';

    favoritesData.forEach(function(item, index) {

        html += renderFavoriteItem(item, index);

    });

    html += '</div>';

    $('#favList').html(html);

}

function removeFavorite(docKey, index) {

    var i18n = window.UserFavoritesI18n;

    if (!docKey) return;

    var run = function() {

        $.ajax({

            url: '/api/documents/' + encodeURIComponent(docKey) + '/favorite',

            type: 'DELETE',

            dataType: 'json',

            success: function(res) {

                if (res.success) {

                    BootstrapModal.msg(res.message || i18n.removed, { icon: 1 });

                    favoritesData.splice(index, 1);

                    renderFavoritesList();

                } else {

                    BootstrapModal.msg(res.message || i18n.failed, { icon: 2 });

                }

            },

            error: function() {

                BootstrapModal.msg(i18n.failed, { icon: 2 });

            }

        });

    };

    if (typeof BootstrapModal !== 'undefined' && BootstrapModal.confirm) {

        BootstrapModal.confirm(i18n.removeConfirm, { icon: 3 }, run);

    } else if (confirm(i18n.removeConfirm)) {

        run();

    }

}

$(function() {

    $.get('/api?mod=user&act=favorites', function(res) {

        if (!res.success || !res.data || !res.data.length) {

            favoritesData = [];

            renderFavoritesList();

            return;

        }

        favoritesData = res.data;

        renderFavoritesList();

    }).fail(function() {

        $('#favList').html('<div class="user-fav-empty"><i class="bx bx-error-circle"></i><p class="mb-0">' + escHtml(window.UserFavoritesI18n.loadError) + '</p></div>');

    });

    $(document).on('click', '.btn-fav-remove', function() {

        var docKey = $(this).data('doc-key');

        var index = parseInt($(this).data('index'), 10);

        removeFavorite(docKey, index);

    });

});

</script>

{{end}}