{{extends "/admin/common/base_content"}}

{{block title()}}文章管理 - Doak CMS{{end}}

{{block body()}}

<style>
.nodata {
    text-align: center;
    padding: 15px;
    color: #c0c3c5;
}
.table tr {
    vertical-align: middle;
}
.table thead tr {
    background: #ebeff1;
}
</style>
<div class="container-fluid pt-4 px-4">
    <div class="row g-4">
    
        <div class="col-sm-12 col-xl-12">
            <div class="bg-light rounded h-100 p-4">
                <h6 class="mb-4">条件搜索</h6>
                
                <form method="get">
                    <div class="row">
                        <div class="col-auto">
                            <div class="input-group my-1">
                                <span class="input-group-text" id="input-keywords">关键字</span>
                                <input type="text" 
                                    name="keywords"
                                    value="{{ keywords }}"
                                    class="form-control" 
                                    placeholder="" 
                                    aria-label="keywords" 
                                    aria-describedby="input-keywords">
                            </div>
                        </div>
                        
                        <div class="col-auto">
                            <div class="input-group my-1">
                                <span class="input-group-text" id="input-start_time">开始时间</span>
                                <input type="text" 
                                    name="start_time"
                                    value="{{ start_time }}"
                                    class="form-control format-datetime" 
                                    placeholder="" 
                                    aria-label="start_time" 
                                    aria-describedby="input-start_time">
                            </div>
                        </div>
                        
                        <div class="col-auto">
                            <div class="input-group my-1">
                                <span class="input-group-text" id="input-end_time">结束时间</span>
                                <input type="text" 
                                    name="end_time"
                                    value="{{ end_time }}"
                                    class="form-control format-datetime" 
                                    placeholder="" 
                                    aria-label="end_time" 
                                    aria-describedby="input-end_time">
                            </div>
                        </div>
                        
                        <div class="col-auto">
                            <div class="input-group my-1">
                                <span class="input-group-text" id="input-cateid">分类</span>
                                <select name="cateid"
                                    class="form-select" 
                                    aria-label="cateid"
                                    aria-describedby="input-cateid"
                                >
                                    <option value="">全部分类</option>
                                    {{ range ci, cv := cates }} 
                                        <option value="{{ ci }}" {{if cateid == ci}}selected=""{{end}}>{{ cv }}</option>
                                    {{ end }}
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-auto">
                            <div class="input-group my-1">
                                <span class="input-group-text" id="input-istop">置顶</span>
                                <select name="istop"
                                    class="form-select" 
                                    aria-label="istop"
                                    aria-describedby="input-istop"
                                >
                                    <option value="">全部</option>
                                    <option value="1" {{if istop== "1"}}selected=""{{end}}>已置顶</option>
                                    <option value="0" {{if istop== "0"}}selected=""{{end}}>未置顶</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-auto">
                            <div class="input-group my-1">
                                <span class="input-group-text" id="input-status">状态</span>
                                <select name="status"
                                    class="form-select" 
                                    aria-label="status"
                                    aria-describedby="input-status"
                                >
                                    <option value="">全部</option>
                                    <option value="1" {{if status== "1"}}selected=""{{end}}>启用</option>
                                    <option value="0" {{if status== "0"}}selected=""{{end}}>禁用</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-auto">
                            <button type="submit" 
                                class="btn btn-primary my-1"
                            >
                                <i class="fa fa-search me-2"></i>
                                搜 索
                            </button>
                        </div>
                    </div>
                    
                </form>
            </div>
        </div>
        
        <div class="col-sm-12 col-xl-12">
        
            <div class="bg-light rounded h-100 p-4">
                <h6 class="mb-4">
                    文章管理
                    
                    <a href='{{ adminUrl("art/add") }}'
                        class="ms-1" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top"
                        title="添加文章"
                    >
                        <i class="fa fa-plus-circle"></i>
                    </a>
                </h6>
                
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center">#</th>
                                <th scope="col">标题</th>
                                <th scope="col" class="text-center">所属分类</th>
                                <th scope="col" class="text-center">阅读量</th>
                                <th scope="col" class="text-center">状态</th>
                                <th scope="col">添加时间</th>
                                <th scope="col" class="text-center">操作</th>
                            </tr>
                        </thead>
                        
                        <tbody>
                            {{ range index, value := list }} 
                                <tr>
                                    <th scope="row" width="65" class="text-center">
                                        {{ value.Id }}
                                    </th>
                                    <td>
                                        <div class="art-item">
                                            <span class="badge bg-secondary" title="文章UUID">
                                                {{ value.Uuid }}
                                            </span>
                                        </div>

                                        <div class="art-item mt-1">
                                            {{ value.Title }}
                                            
                                            {{if value.Cover != ""}}
                                                <span class="text-primary" style="font-size: 10px;" title="封面">
                                                    <i class="fa fa-file-image"></i>
                                                </span>
                                            {{end}}
                                        </div>
                                    </td>
                                    <td width="115" class="text-center">
                                        {{if isset(cates[value.CateId])}}
                                            {{ cates[value.CateId] }}
                                        {{else}}
                                            --
                                        {{end}}
                                    </td>
                                    <td width="75" class="text-center">
                                        {{ value.Views }}
                                    </td>
                                    <td width="120" class="text-center">
                                        {{if value.Status == 1 }}
                                            <span class="badge bg-success">启用</span>
                                        {{else}}
                                            <span class="badge bg-danger">禁用</span>
                                        {{end}}
                                        
                                        {{if value.IsTop == 1 }}
                                            <span class="badge bg-primary">已置顶</span>
                                        {{else}}
                                            <span class="badge bg-secondary">未置顶</span>
                                        {{end}}
                                    </td>
                                    <td width="165">
                                        {{ createTime(value.AddTime).DateTimeString() }}
                                    </td>
                                    <td width="155" class="text-center">
                                        <a class="btn btn-primary btn-sm" 
                                            href='{{ adminUrl("art/" + value.Id + "/edit") }}' 
                                        >
                                            <i class="fa fa-edit"></i>
                                            编辑
                                        </a>
                                        
                                        <a href="javascript:;" 
                                            class="btn btn-danger btn-sm js-delete-btn"
                                            data-url='{{ adminUrl("art/" + value.Id + "/delete") }}'
                                        >
                                            <i class="fa fa-times"></i>
                                            删除
                                        </a>
                                    </td>
                                </tr>
                            {{ else }} 
                                <tr>
                                    <td colspan="7">
                                        <div class="nodata">
                                            无数据
                                        </div>
                                    </td>
                                </tr>
                            {{ end }}
                            
                        </tbody>
                    </table>
                </div>
                
                <nav aria-label="Page navigation example">
                    {{ pageHtml|raw }}
                </nav>

            </div>

        </div>
    </div>
</div>

{{end}}

{{block script_after()}}
<script src='{{ adminAssets("libs/laydate/laydate.js") }}' type="3029259e35d7bc1c98cd40a8-text/javascript"></script>
<script type="3029259e35d7bc1c98cd40a8-text/javascript">
(function($) {
    "use strict";
    
    $(".sidebar-art-index").addClass("active");
    
    // 时间
    laydate.render({
        elem: '.format-datetime',
        type: 'datetime',
    });
    
    // 删除
    $('.js-delete-btn').click(function() {
        var url = $(this).data('url');
        
        layer.confirm('您确定要删除该文章吗？', {
            offset: 'c',
            btn: ['确定', '取消']
        }, function(index){
            $.post(url, {}, function(data) {
                if (data.code == 0) {
                    layer.msg(data.message, {
                        offset: 'c',
                        icon: 1
                    });

                    setTimeout(function() {
                        location.reload();
                    }, 2000);
                } else {
                    layer.msg(data.message, {
                        offset: 'c',
                        icon: 2
                    });
                }
            });
        });
    });

})(jQuery);
</script>
{{end}}