{{template "layout.html" .}}

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


<div class="user-home-page">
    <div class="card mb-3">
        <div class="card-body">
            <div class="user-page-head">
                <div class="user-page-head-main">
                    <h5>{{T "user_page_dashboard"}}</h5>
                    <p class="text-muted">{{T "user_dashboard_subtitle"}}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="user-home-overview row g-3 mb-4">
        <div class="col-6 col-lg-3">
            <div class="stat-card">
                <a href="/user/documents">
                    <div class="d-flex justify-content-between align-items-start">
                        <div><h3>{{.Data.DocumentCount}}</h3><p>{{T "user_stat_documents"}}</p></div>
                        <i class='bx bx-file stat-icon'></i>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-6 col-lg-3">
            <div class="stat-card">
                <a href="/user/documents?status=published">
                    <div class="d-flex justify-content-between align-items-start">
                        <div><h3>{{.Data.PublishedCount}}</h3><p>{{T "user_stat_published"}}</p></div>
                        <i class='bx bx-check-circle stat-icon'></i>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-6 col-lg-3">
            <div class="stat-card">
                <a href="/user/stats">
                    <div class="d-flex justify-content-between align-items-start">
                        <div><h3>{{.Data.ViewCount}}</h3><p>{{T "user_stat_views"}}</p></div>
                        <i class='bx bx-show stat-icon'></i>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-6 col-lg-3">
            <div class="stat-card">
                <a href="/user/documents?status=pending">
                    <div class="d-flex justify-content-between align-items-start">
                        <div><h3>{{.Data.PendingCount}}</h3><p>{{T "user_stat_pending"}}</p></div>
                        <i class='bx bx-time stat-icon'></i>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">
            <h6 class="user-shortcut-section-title"><i class='bx bx-compass'></i> {{T "user_shortcut_title"}}</h6>
            <div class="user-shortcut-grid">
                <a href="/user/document_edit" class="user-shortcut-item is-accent">
                    <span class="user-shortcut-item__icon"><i class='bx bx-upload'></i></span>
                    <span>
                        <p class="user-shortcut-item__title">{{T "user_publish_document"}}</p>
                        <p class="user-shortcut-item__desc">{{T "user_shortcut_publish_desc"}}</p>
                    </span>
                </a>
                <a href="/user/documents" class="user-shortcut-item">
                    <span class="user-shortcut-item__icon"><i class='bx bx-file'></i></span>
                    <span>
                        <p class="user-shortcut-item__title">{{T "user_documents_manage"}}</p>
                        <p class="user-shortcut-item__desc">{{T "user_shortcut_documents_desc"}}</p>
                    </span>
                </a>
                <a href="/user/projects" class="user-shortcut-item">
                    <span class="user-shortcut-item__icon"><i class='bx bx-collection'></i></span>
                    <span>
                        <p class="user-shortcut-item__title">{{T "user_projects"}}</p>
                        <p class="user-shortcut-item__desc">{{T "user_shortcut_projects_desc"}}</p>
                    </span>
                </a>
                <a href="/user/stats" class="user-shortcut-item">
                    <span class="user-shortcut-item__icon"><i class='bx bx-bar-chart-alt-2'></i></span>
                    <span>
                        <p class="user-shortcut-item__title">{{T "user_nav_stats"}}</p>
                        <p class="user-shortcut-item__desc">{{T "user_shortcut_stats_desc"}}</p>
                    </span>
                </a>
                <a href="/user/favorites" class="user-shortcut-item">
                    <span class="user-shortcut-item__icon"><i class='bx bx-star'></i></span>
                    <span>
                        <p class="user-shortcut-item__title">{{T "user_favorites"}}</p>
                        <p class="user-shortcut-item__desc">{{T "user_shortcut_favorites_desc"}}</p>
                    </span>
                </a>
                <a href="/user/profile" class="user-shortcut-item">
                    <span class="user-shortcut-item__icon"><i class='bx bx-user'></i></span>
                    <span>
                        <p class="user-shortcut-item__title">{{T "user_profile"}}</p>
                        <p class="user-shortcut-item__desc">{{T "user_shortcut_profile_desc"}}</p>
                    </span>
                </a>
            </div>
        </div>
    </div>

    <div class="user-insight-card">
        <p><i class='bx bx-line-chart me-1'></i> {{T "user_dashboard_insight"}}</p>
        <a href="/user/stats" class="btn btn-sm btn-outline-primary">{{T "user_nav_stats"}} <i class='bx bx-right-arrow-alt'></i></a>
    </div>
</div>
{{end}}