//这个文件用于实现"忘记密码"功能页面
{% extends 'share_layout/base_account.html' %}//继承基础账户布局模板，确保页面有统一的头部、尾部和其他共享元素
{% load i18n %}//加载国际化标签，用于多语言支持 
{% load static %}//加载静态文件标签
{% block content %}//定义内容块 
    <div class="container">//主容器
        //页面标题
        <h2 class="form-signin-heading text-center">{% trans 'forget the password' %}</h2>//显示"忘记密码"标题，支持多语言翻译
        //表单容器
        <div class="card card-signin">//创建卡片式表单容器
            <img class="img-circle profile-img" src="{% static 'blog/img/avatar.png' %}" alt="">//显示默认用户头像
            //核心表单
            <form class="form-signin" action="{% url 'account:forget_password' %}" method="post">//表单提交到account:forget_password URL,使用POST方法
                //表单内容
                {% csrf_token %}//防止CSRF攻击的安全令牌
                {{ form.non_field_errors }}//显示表单级别的错误（如验证失败）
                //循环渲染所有表单字段：
                {% for field in form %}
                    {{ field }}//渲染输入框
                    {{ field.errors }}//显示该字段的错误信息
                {% endfor %}
            //操作按钮
            <input type="button" class="button" id="btn" value="{% trans 'get verification code' %}">//获取验证码按钮：用于发送验证码到用户邮箱/手机
            <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans 'submit' %}</button>//提交按钮：提交整个表单
            </form>
        </div>
        //导航链接
        <p class="text-center">
            <a href="/">Home Page</a>
            |
            <a href="{% url "account:login" %}">login page</a>
        </p>//提供返回首页和登录页面的链接

    </div> <!-- /container -->
{% endblock %}