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

{% block content %}
<h2>昨日记录 ({{ yesterday }})</h2>

<!-- 添加记录按钮 -->
<div class="mb-4">
    <a href="{% url 'add_reading' %}" class="btn btn-primary">添加阅读记录</a>
    <a href="{% url 'add_insight' %}" class="btn btn-success">添加感悟记录</a>
</div>

<div class="row">
    <!-- 阅读记录 -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="card-title mb-0">阅读记录</h5>
            </div>
            <div class="card-body">
                {% if reading_records %}
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>类型</th>
                            <th>标题</th>
                            <th>来源</th>
                            <th>进度</th>
                            <th>笔记</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for reading in reading_records %}
                        <tr>
                            <td>{{ reading.get_type_display }}</td>
                            <td>{{ reading.title }}</td>
                            <td>{{ reading.source|default:"-" }}</td>
                            <td>{{ reading.progress|default:"-" }}</td>
                            <td>{{ reading.note|truncatechars:50|default:"-" }}</td>
                            <td>
                                {% if reading.file %}
                                <a href="{{ reading.file.url }}" class="btn btn-sm btn-info" title="查看附件" target="_blank">
                                    <i class="bi bi-file-earmark"></i>
                                </a>
                                {% endif %}
                                <a href="{% url 'edit_reading' reading.id %}" class="btn btn-sm btn-warning" title="编辑">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <a href="{% url 'delete_reading' reading.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>
    </div>
    
    <!-- 感悟记录 -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-success text-white">
                <h5 class="card-title mb-0">感悟记录</h5>
            </div>
            <div class="card-body">
                {% if insight_records %}
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>内容</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for insight in insight_records %}
                        <tr>
                            <td>{{ insight.content }}</td>
                            <td>
                                {% if insight.file %}
                                <a href="{{ insight.file.url }}" class="btn btn-sm btn-info" title="查看附件" target="_blank">
                                    <i class="bi bi-file-earmark"></i>
                                </a>
                                {% endif %}
                                <a href="{% url 'edit_insight' insight.id %}" class="btn btn-sm btn-warning" title="编辑">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <a href="{% url 'delete_insight' insight.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>
    </div>
</div>
{% endblock %}