{% extends "base.html" %} {% block title %}分类列表{%endblock%} {% block bc %}
<li class="breadcrumb-item"><a href="/category">分类管理</a></li>
{% endblock %} {% block content %}
{%if params.msg.is_some() %}
<div class="alert alert-info" role="alert">
    {{ params.msg.clone().unwrap() }}
</div>
{% endif %}
<form class="row" method="get" action="/category">
    <div class="col-auto">
        <label class="visually-hidden" for="keyword">关键字</label>
        <div class="input-group">
            <div class="input-group-text">关键字</div>
            <input type="text" class="form-control" id="keyword" name="keyword" placeholder="输入关键字" value="{{ params.keyword() }}">
        </div>
    </div>
    <div class="col-auto">
        <label class="visually-hidden" for="is_del">是否删除</label>
        <select class="form-select" id="is_del" name="is_del">
            <option value="-1"{% if params.is_del() == -1%} selected{%endif%}>全部</option>
            <option value="0"{% if params.is_del() == 0%} selected{%endif%}>未删除</option>
            <option value="1"{% if params.is_del() == 1%} selected{%endif%}>已删除</option>
        </select>
    </div>
    <div class="col-auto">
        <label class="visually-hidden" for="sort">排序</label>
        <select class="form-select" id="sort" name="sort">
            <option value=""{% if params.sort().is_empty() %} selected{%endif%}>默认排序</option>
            <option value="asc"{% if params.sort() == "asc" %} selected{%endif%}>升序</option>
            <option value="desc"{% if params.sort() == "desc" %} selected{%endif%}>降序</option>
        </select>
    </div>
    <div class="col-auto">
        <label class="visually-hidden" for="page_size">每页条数</label>
        <select class="form-select" id="page_size" name="page_size">
            <option value="0"{% if params.page_size() == 0 %} selected{%endif%}>默认条数</option>
            <option value="3"{%if params.page_size() == 3 %} selected{%endif%}>每页3条</option>
            <option value="5"{%if params.page_size() == 5 %} selected{%endif%}>每页5条</option>
            <option value="10"{%if params.page_size() == 10 %} selected{%endif%}>每页10条</option>
        </select>
    </div>
    <div class="col-auto">
        <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> 搜索</button>
    </div>
</form>
<table class="table">
    <thead>
    <tr>
        <th>#</th>
        <th>名称</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {% for category in categories %}
    <tr>
        <td>{{ category.id }}</td>
        <td>{{ category.name }}</td>
        <td>
            <a href="/category/articles/{{ category.id }}" class="btn btn-success btn-sm">文章列表</a>
            <a href="/category/edit/{{ category.id }}" class="btn btn-primary btn-sm">修改</a>
            <div class="btn-group">
                <button type="button" class="btn btn-danger btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                    删除
                </button>
                <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="/category/del/{{category.id}}" onclick="return confirm('确定删除【{{category.name}}】？')">逻辑删除</a></li>
                    <li><a class="dropdown-item" href="/category/del/{{category.id}}/true"  onclick="return confirm('确定删除【{{category.name}}】？')">物理删除</a></li>
                </ul>
            </div>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>
<nav>
    <ul class="pagination pagination">
        {% for page in 0..page_total %}
        {% if page == params.page() %}
        <li class="page-item active">
            <span class="page-link">{{ page + 1}}</span>
        </li>
        {% else %}
        <li class="page-item">
            <a class="page-link" href="?page={{page}}&keyword={{params.keyword()}}&is_del={{params.is_del()}}&sort={{params.sort()}}&page_size={{params.page_size()}}">{{ page + 1}}</a>
        </li>
        {% endif %}
        {% endfor %}
    </ul>
</nav>
{%endblock%}