{# 继承基础模板，复用基础模板（如导航栏、页脚、通用样式等）的结构和公共内容 #}
{% extends 'share_layout/base.html' %}
{# 加载自定义的blog_tags模板标签库，用于使用库中定义的自定义模板标签 #}
{% load blog_tags %}

{% block header %}
{% endblock %}
{# 定义页面主要内容block（content），承载当前页面的核心展示内容 #}
{% block content %}
     {# 主要内容外层容器，通过id和class控制样式，确保与站点整体布局风格统一 #}
    <div id="primary" class="site-content">
     {# 核心内容区域，role="main"是ARIA属性，用于辅助设备识别这是页面主要内容区 #}
        <div id="content" role="main">
         {# 调用blog_tags库中的load_article_detail自定义标签，渲染文章详情内容 #}
            {% load_article_detail article False user %}

         {# 条件判断：如果当前文章的类型为'a'，则显示文章导航栏 #}
            {% if article.type == 'a' %}
                {# 文章导航容器，用于展示上一篇/下一篇文章的跳转链接 #}
                <nav class="nav-single">
                    <h3 class="assistive-text">文章导航</h3>
                    {% if next_article %}

                        <span class="nav-previous"><a href="{{ next_article.get_absolute_url }}" rel="prev"><span
                                class="meta-nav">&larr;</span> {{ next_article.title }}</a></span>
                    {% endif %}
                    {% if prev_article %}
                        <span class="nav-next"><a href="{{ prev_article.get_absolute_url }}"
                                                  rel="next">{{ prev_article.title }} <span
                                class="meta-nav">&rarr;</span></a></span>
                    {% endif %}
                </nav><!-- .nav-single -->
            {% endif %}

        </div><!-- #content -->

    {# 文章导航容器，用于展示上一篇/下一篇文章的跳转链接 #}
        {% if article.comment_status == "o" and OPEN_SITE_COMMENT %}

{# 引入评论列表模板（comments/tags/comment_list.html），渲染当前文章已有的评论内容 #}
            {% include 'comments/tags/comment_list.html' %}

             {# 条件判断：如果用户已登录（user.is_authenticated），则显示“发表评论”的表单模板 #}
            {% if user.is_authenticated %}
                {% include 'comments/tags/post_comment.html' %}

                 {# 若用户未登录，提示登录后才能评论，并提供登录链接和第三方登录入口 #}
            {% else %}
                <div class="comments-area">
                    <h3 class="comment-meta">您还没有登录，请您<a
                            href="{% url "account:login" %}?next={{ request.get_full_path }}" rel="nofollow">登录</a>后发表评论。
                    </h3>
{# 登录链接，next参数携带当前页面的完整URL，确保用户登录后能跳转回当前文章页 #}
                    {% load oauth_tags %}
                    {% load_oauth_applications request %}

                </div>
            {% endif %}
        {% endif %}
    </div><!-- #primary -->

{% endblock %}

{% block sidebar %}
    {% load_sidebar user "p" %}
{% endblock %}