{% load i18n static simpletags log %}

<link rel="stylesheet" href="{% static 'luckyui/css/home.css' %}">

<div id="home">

    {% now "H" as lu_hour %}
    {% now "Y年n月j日" as lu_date %}
    {% now "w" as lu_week %}

    {# ===== 欢迎横幅 ===== #}
    <div class="lu-hero">
        <div class="lu-hero-main">
            <div class="lu-hero-title">
                {% if lu_hour|add:"0" < 6 %}夜深了{% elif lu_hour|add:"0" < 9 %}早上好{% elif lu_hour|add:"0" < 12 %}上午好{% elif lu_hour|add:"0" < 14 %}中午好{% elif lu_hour|add:"0" < 18 %}下午好{% else %}晚上好{% endif %}，{{ user.username }}
            </div>
            <div class="lu-hero-sub">
                {{ lu_date }}
                {% if lu_week == "0" %}星期日{% elif lu_week == "1" %}星期一{% elif lu_week == "2" %}星期二{% elif lu_week == "3" %}星期三{% elif lu_week == "4" %}星期四{% elif lu_week == "5" %}星期五{% else %}星期六{% endif %}
                · 欢迎使用 LuckyUI 管理站点
            </div>
        </div>

        {% if "SIMPLEUI_HOME_INFO"|get_config != False %}
            <div class="lu-hero-side">
                <span class="lu-hero-badge">LuckyUI V0.1.0</span>
                <div class="lu-hero-links">
                    <a href="javascript:;" @click="openUrl('https://github.com/LiuJinGH/django-luckyui')">
                        <i class="fab fa-github"></i>GitHub
                    </a>
                    <a href="/admin/docs/" target="_blank">
                        <i class="fas fa-book-open"></i>使用文档
                    </a>
                    <a href="javascript:;" @click="report()">
                        <i class="fas fa-bug"></i>报告问题
                    </a>
                </div>
            </div>
        {% endif %}
    </div>

    {# ===== 快捷导航 ===== #}
    {% if "SIMPLEUI_HOME_QUICK"|get_config != False %}
        <div class="lu-card">
            <div class="lu-card-head">
                <i class="fas fa-bolt"></i><span>快捷导航</span>
            </div>
            <div class="lu-quick-grid">
                <a href="javascript:;" class="lu-quick-item" v-for="(c,j) in models" :key="c.name"
                   @click="openTab(c,(j+1)+'')">
                    <span class="lu-quick-icon" :class="'lu-color-'+(j%8)"><i :class="c.icon"></i></span>
                    <span class="lu-quick-name" v-text="c.name"></span>
                </a>
            </div>
        </div>
    {% endif %}

    {# ===== 最近动作 ===== #}
    {% if "SIMPLEUI_HOME_ACTION"|get_config != False %}
        <div class="lu-card">
            <div class="lu-card-head">
                <i class="fas fa-history"></i><span>最近动作</span>
            </div>
            {% get_admin_log 10 as admin_log for_user user %}
            {% if admin_log %}
                <div class="lu-timeline-wrap">
                    <el-timeline>
                        {% for entry in admin_log %}
                            <el-timeline-item timestamp="{{ entry.action_time|date:'m月d日 H:i' }}" placement="top"
                                              type="{% if entry.is_addition %}success{% elif entry.is_deletion %}danger{% else %}primary{% endif %}">
                                <div class="lu-log-item">
                                    <div class="lu-log-meta">
                                        <span class="lu-log-user"><i class="fas fa-user-circle"></i>{{ entry.user }}</span>
                                        <span class="lu-log-model">{{ entry.content_type|default:'系统' }}</span>
                                    </div>
                                    <p class="lu-log-text" v-pre="true">{{ entry }}</p>
                                </div>
                            </el-timeline-item>
                        {% endfor %}
                    </el-timeline>
                </div>
            {% else %}
                <div class="lu-empty">
                    <i class="fas fa-folder-open"></i>
                    <p>暂无最近操作记录</p>
                </div>
            {% endif %}
        </div>
    {% endif %}

</div>