{% extends 'core/base.html' %}

{% block content %}
<h2>今日计划</h2>

<!-- 添加计划按钮 -->
<div class="mb-4">
    <a href="{% url 'add_today_plan' %}" class="btn btn-primary">添加今日计划</a>
</div>

<div class="card">
    <div class="card-header bg-primary text-white">
        <h5 class="card-title mb-0">今日计划列表</h5>
    </div>
    <div class="card-body">
        {% if plans %}
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>类型</th>
                    <th>内容</th>
                    <th>优先级</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {% for plan in plans %}
                <tr>
                    <td>{{ plan.get_type_display }}</td>
                    <td>{{ plan.content }}</td>
                    <td>
                        <span class="badge {% if plan.priority == 'high' %}bg-danger{% elif plan.priority == 'medium' %}bg-warning{% else %}bg-info{% endif %}">
                            {{ plan.get_priority_display }}
                        </span>
                    </td>
                    <td>
                        <span class="badge {% if plan.status == 'completed' %}bg-success{% else %}bg-warning{% endif %} status-badge">
                            {{ plan.get_status_display }}
                        </span>
                    </td>
                    <td>
                        <a href="{% url 'toggle_today_plan' plan.id %}" class="btn btn-sm btn-success toggle-status-btn">
                            {% if plan.status == 'completed' %}
                            <i class="bi bi-check2-square"></i> 已完成
                            {% else %}
                            <i class="bi bi-square"></i> 标记完成
                            {% endif %}
                        </a>
                        <a href="{% url 'edit_today_plan' plan.id %}" class="btn btn-sm btn-warning" title="编辑">
                            <i class="bi bi-pencil"></i>
                        </a>
                        <a href="{% url 'delete_today_plan' plan.id %}" class="btn btn-sm btn-danger" title="删除">
                            <i class="bi bi-trash"></i>
                        </a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <p class="text-muted">今天还没有计划，快去添加吧！</p>
        {% endif %}
    </div>
</div>
{% endblock %}